Connect and geographically browse a Zotero group library

The Zotero geo-viewer allows you to connect to a Zotero group library and visualize the items on a map. It uses the ZoteroGeoViewer component, which fetches data from the Zotero API and displays it interactively. You can use this component to explore the geographical distribution of items in your Zotero library, making it easier to analyze and visualize your research data.

A geoJSon file is generated from the Zotero group library, which contains the geographical coordinates of the items. It should be saved as static/data/zoteroTagCoordinates.geojson. The component then uses this data to render a map with markers for each item. Zotero tags are used to georeference records and filter the items displayed on the map, allowing you to focus on specific subsets of your library.

In this page:

• Basic example
• API Documentation

Basic example

<ZoteroGeoViewer
  groupId={336647}
/>

Side-by-side layout example

<ZoteroGeoViewer
  groupId={336647}
  layout="8x4"
/>

API Documentation

groupId

The ID of the Zotero group library you want to connect to. This is a required prop.

• Number
• Required
• Default: null

layout

Controls how the map and search/results sections are arranged on the page.

• String
• Optional
• Default: 'vertical'
• Possible values:
  • 'vertical': Map on top, search and results below (default)
  • '6x6': Two equal columns, map on left, search/results on right
  • '8x4': Wide map column (8/12) and narrow search/results column (4/12)
  • '4x8': Narrow map column (4/12) and wide search/results column (8/12)
  • Any valid combination of numbers that add up to 12 (Bootstrap grid system)