PlotSet LogoPlotSet

How to Create a Marker Map

A step by step walkthrough for plotting places with emoji or image icons, labels, a legend and custom popups in PlotSet.

Etwa 7 Minuten

You will end up with a map where each row of your data is a marker, with an icon for its category, a name beside it and a popup.

Expect about seven minutes. Most of it goes on choosing the icons and writing the popup.

Die Daten, die Sie brauchen

One row per place, with a latitude and a longitude and, if you want them, a name, a category and a number.

Beispiel-CSV
ReporterCommodityTrade ValueLatLong
CanadaDiamond124785112059-110
IndiaPrecious stones42259754322.580
South AfricaDiamond331675424-2922
BrazilPrecious stones98250000-10-55
Hinweise

Latitude runs from -90 to 90 and longitude from -180 to 180, as plain numbers.

A category column gives each group its own icon and a legend.

A number column scales the markers so their area follows the value.

A row without usable coordinates is skipped and counted under the map.

Die Schritte

Der genaue Klickpfad in PlotSet, von einer leeren Vorlage bis zum fertigen Diagramm.

  1. 01

    Open the Marker Map template

    From the PlotSet dashboard, start a new project and choose Marker Map from the Maps category. It loads with fifty gem exports by country.

    Die Vorlagenauswahl von PlotSet: links die Liste der Diagrammkategorien, daneben das geöffnete Raster "Bar Charts" und die Vorlagenkarte "Bar Chart" mit ihrer Schaltfläche "Select".
    Jede Anleitung beginnt hier. Wählen Sie erst die Kategorie, dann die Vorlage. Das Raster ist für jeden Diagrammtyp dasselbe.
  2. 02

    Add your places

    Import a CSV or .xlsx file, paste rows from a spreadsheet, or connect a Google Sheet. Each row becomes one marker.

    Die Datenansicht im PlotSet-Editor: ein Tabellenraster mit den Spalten "Name", "Value" und "Region", gefüllt mit Zahlen zu kanadischen Provinzen, daneben der Bereich "Data" mit "Upload CSV File", "Magic Import" und der Synchronisierung über "Google Sheet".
    Die Datenansicht, hier in einem Balkendiagramm-Projekt. Laden Sie über "Upload CSV File" eine CSV-Datei hoch, holen Sie die Zahlen mit "Magic Import" aus einem Bild oder verbinden Sie ein Google Sheet. Der Bereich sieht bei jedem Diagrammtyp gleich aus.
  3. 03

    Check the column bindings

    Bind the latitude and longitude columns first. Then choose a label, a category and, if you want sized markers, a number column.

    Der Datenbereich von PlotSet mit hervorgehobenen Spaltenzuordnungen: "Label/time" auf Spalte A, "Values" auf Spalte B und "Filter/color" auf Spalte C, darunter die Schaltfläche "Auto Binding".
    Die Zuordnungen legen fest, welche Spalte zur Beschriftung wird, welche die Werte liefert und welche die Farbe steuert. "Auto Binding" errät sie anhand Ihrer Spaltenüberschriften. Prüfen Sie das Ergebnis, statt sich darauf zu verlassen.
  4. 04

    Pick an icon for each category

    In the Markers tab, give each category an emoji or an image link, one per line, in the form name: icon.

    Der PlotSet-Editor im Tab "Preview": ein fertiges Diagramm vom Typ "Marker Map" auf der Arbeitsfläche und der rot umrandete Einstellungsbereich am rechten Rand.
    Der Tab "Preview" für ein Diagramm vom Typ "Marker Map". Alle Gestaltungsoptionen stecken im umrandeten Bereich: Aussehen, Kopfzeile, Fußzeile und die Optionen, die es speziell für diesen Diagrammtyp gibt, jeweils in einem eigenen Tab.
  5. 05

    Write the popup

    In the Tooltip tab, write a header and body, and put column names in double braces to fill in each place's values.

  6. 06

    Tune the labels and legend

    The Labels tab sets the font and halo, and the Legend tab shows icons or colour swatches with your own title.

  7. 07

    Set the view

    The Basemap tab sets tilt, rotation and the projection. The Inset tab adds a small globe that shows where the view sits.

  8. 08

    Publish and embed

    Publish for a live chart and copy the embed code from the Share dialog. Check the map at the width of your page before you share it.

    Die Werkzeugleiste des PlotSet-Editors mit der hervorgehobenen Schaltfläche "Share" direkt neben der Schaltfläche "Export".
    Über "Share" werden aus dem fertigen Diagramm ein öffentlicher Link und ein Einbettungscode.

Starten Sie mit der Marker Map-Vorlage samt bereits geladenen Beispieldaten und ersetzen Sie diese durch Ihre eigenen.

Vorlage öffnen

Veröffentlichen, einbetten oder exportieren

Der letzte Abschnitt ist bei jedem Diagrammtyp gleich: "Share" macht aus dem Diagramm einen öffentlichen Live-Link und einen Einbettungscode, "Export" schreibt es als statische Datei heraus.

"Share": öffentlicher Link und Einbettungscode

Aktivieren Sie den Einbettungscode und den öffentlichen Link, um das Diagramm zu veröffentlichen. Den Link können Sie bedenkenlos an alle weitergeben, und der Einbettungscode fügt sich als iframe in jede Seite ein. Die Tooltips beim Überfahren mit der Maus und die volle Interaktivität bleiben erhalten. Wenn Sie das Diagramm später bearbeiten, überträgt "Recreate" die Änderungen auf Link und Einbettung.

Die Werkzeugleiste des PlotSet-Editors mit der hervorgehobenen Schaltfläche "Share" direkt neben der Schaltfläche "Export".
Über "Share" werden aus dem fertigen Diagramm ein öffentlicher Link und ein Einbettungscode.
Der Dialog "Share" von PlotSet: der Schalter, der den Einbettungscode und den öffentlichen Link aktiviert, die Schaltflächen "Link", "Embed", "Facebook", "Reddit", "Twitter", "LinkedIn" und "Email" sowie der öffentliche Diagrammlink mit der Schaltfläche "Copy".
Aktivieren Sie den Einbettungscode und den öffentlichen Link, kopieren Sie dann den Link oder den iframe-Code. Mit "Recreate" erreichen spätere Änderungen alle, die den Link bereits haben.

"Export": SVG, PNG oder JPG

"Export" schreibt eine statische Kopie in der Größe heraus, die Sie brauchen. SVG bleibt in jeder Skalierung scharf und lässt sich weiterhin in einem Design-Tool bearbeiten; PNG und JPG sind die sichere Wahl für Folien und Dokumente. Der Skalierungsfaktor sorgt dafür, dass das Bild auf einem Retina-Display gestochen scharf wirkt.

Die Werkzeugleiste des PlotSet-Editors mit der hervorgehobenen Schaltfläche "Export".
Über "Export" bekommen Sie eine statische Datei für eine Folie oder einen Bericht.
Der Dialog "Export chart" von PlotSet: die Skalierungsauswahl auf 2x, die Felder für Breite und Höhe mit 1000 mal 600 und das geöffnete Formatmenü mit "SVG", "PNG" und "JPG".
SVG bleibt in jeder Größe scharf und im Design-Tool bearbeitbar; PNG und JPG sind die sichere Wahl für eine Präsentation. Stellen Sie die Skalierung vor dem Export ein, damit das Bild auf einem Retina-Display gestochen scharf ist.

Styling-Tipps für Marker Map

Use emoji for quick icons

An emoji looks the same on every device and needs no image hosting.

Keep categories few

Five or six icons stay easy to tell apart in the legend.

Link your source

A source line under the map tells readers where the figures came from.

Size by area

A size column scales the area of each marker, so twice the value looks twice as big.

Häufige Fehler bei Marker Map

Markers are in the wrong place

Latitude and longitude are probably swapped. Check that latitude is the first number.

Some names are missing

Labels that overlap are hidden. Zoom in or hover over a marker to see its name.

A popup shows the plain list

A name in double braces did not match a column. Check the spelling against your headers.

A warning appears under the map

Some rows had no usable coordinates. Fill them in or remove them.

Mehr über Marker Map erfahren

Nicht sicher, ob Marker Map die richtige Wahl ist? Erfahren Sie, was es ist, wann Sie es verwenden sollten und wann nicht.

Über Marker Map

Marker Map: häufige Fragen

Yes. Paste an image link as the icon for a category or in the marker column.

Jetzt Marker Map erstellen

Kostenlos starten mit über 300 Vorlagen. Keine Kreditkarte erforderlich.