CSV de ejemplo
| Reporter | Commodity | Trade Value | Lat | Long |
|---|---|---|---|---|
| Canada | Diamond | 1247851120 | 59 | -110 |
| India | Precious stones | 422597543 | 22.5 | 80 |
| South Africa | Diamond | 331675424 | -29 | 22 |
| Brazil | Precious stones | 98250000 | -10 | -55 |
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.
Unos 7 minutosYou 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.
Los datos que necesitas
One row per place, with a latitude and a longitude and, if you want them, a name, a category and a number.
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.
Los pasos
El camino exacto en PlotSet, desde una plantilla en blanco hasta el gráfico terminado.
- 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.
Todas las guías empiezan aquí. Elige la categoría y luego la plantilla. Es la misma cuadrícula sea cual sea el tipo de gráfico que busques. - 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.
La vista de datos, aquí en un proyecto de gráfico de barras. Sube un CSV, saca los números de una imagen con Magic Import o sincroniza una Google Sheet. El panel es el mismo en todos los tipos de gráfico. - 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.
Las asignaciones deciden qué columna se convierte en la etiqueta, cuál aporta los valores y cuál define el color. Auto Binding las deduce de tus encabezados, así que revísalas en lugar de darlas por buenas. - 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.
La pestaña Preview de un gráfico de tipo Marker Map. Todos los controles de estilo están en el panel enmarcado: apariencia, encabezado, pie de página y las opciones propias de este tipo de gráfico, cada grupo en su propia pestaña. - 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.
- 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.
- 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.
- 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.
Share es lo que convierte un gráfico terminado en un enlace público y un código de incrustación.
Empieza con la plantilla de Marker Map, que ya trae datos de ejemplo cargados, y sustitúyelos por los tuyos.
Abrir la plantillaPublícalo, incrústalo o expórtalo
El último tramo es igual en todos los tipos de gráfico: Share convierte el gráfico en un enlace público en vivo y un código de incrustación, y Export lo guarda como un archivo estático.
Share: enlace público y código de incrustación
Al activar el código de incrustación y el enlace público, el gráfico queda publicado. El enlace se lo puedes enviar a cualquiera sin problema, y el código de incrustación se coloca en cualquier página como un iframe que conserva los tooltips al pasar el cursor y toda la interactividad. Si editas el gráfico más adelante, haz clic en Recreate para llevar esos cambios a ambos.
Export: SVG, PNG o JPG
Export guarda una copia estática en el tamaño que necesites. El SVG se mantiene nítido a cualquier escala y se puede seguir editando en una herramienta de diseño; PNG y JPG son la opción segura para diapositivas y documentos. El multiplicador de escala es lo que te da una imagen nítida en una pantalla retina.
Consejos de estilo para un 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.
Errores comunes al hacer un 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.
Aprende más sobre el Marker Map
¿No estás seguro de que el Marker Map sea la opción correcta? Descubre qué es, cuándo usarlo y cuándo no.
Marker Map: preguntas frecuentes
Yes. Paste an image link as the icon for a category or in the marker column.
Crea tu Marker Map ahora
Gratis para empezar con más de 300 plantillas. No se necesita tarjeta de crédito.