Help:Maps (Info boxes)

See Help:Maps

Tag syntax and automatic opening info windows

<display_map>
london|London|Capital of the UK
</display_map>

Loading map...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[],"imageoverlays":null}

Using per point parameters

Currently broken when not specifying the image path directly (view bug)

{{#display_map:
50.958426723359935,10.2392578125~Germany~ ~ ~ ~ ~File:Green_marker.png;
46.98025235521883,2.4169921875~France~ ~ ~ ~ ~File:Blue_marker.png;
50.764259357116465,4.6142578125~Belgium
}}

Loading map...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EGermany\n\u003C/p\u003E\u003C/div\u003E","title":"Germany\n","link":"","lat":50.958426723359935,"lon":10.2392578125,"icon":"","inlineLabel":"","visitedicon":"File:Green_marker.png"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EFrance\n\u003C/p\u003E\u003C/div\u003E","title":"France\n","link":"","lat":46.98025235521883,"lon":2.4169921875,"icon":"","inlineLabel":"","visitedicon":"File:Blue_marker.png"},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EBelgium\n\u003C/p\u003E\u003C/div\u003E","title":"Belgium\n","link":"","lat":50.764259357116465,"lon":4.6142578125,"icon":""}],"imageoverlays":null}

Parser function

marker uploaded to the wiki

{{#display_map:
 Moscow, Russia~Moscow~A city in Russia;
 New York~New York city;
 London~[[London]]~Capital of England~Green marker.png;
 Brussels;
 Mali~Mali~~Blue marker.png
}}

[[#ref_{{{1}}}|^]] In Maps 3.x, you can still use customized markers by specifying the marker files without name space as this example shows. See issue 51 for more information.

Loading map...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EMoscow\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EA city in Russia\n\u003C/p\u003E\u003C/div\u003E","title":"Moscow\n","link":"","lat":55.625578,"lon":37.6063916,"icon":""},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ENew York city\n\u003C/p\u003E\u003C/div\u003E","title":"New York city\n","link":"","lat":40.7127281,"lon":-74.0060152,"icon":""},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/w/index.php?title=London\u0026amp;action=edit\u0026amp;redlink=1\" class=\"new\" title=\"London (page does not exist)\"\u003ELondon\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ECapital of England\n\u003C/p\u003E\u003C/div\u003E","title":"London\n","link":"","lat":51.5074456,"lon":-0.1277653,"icon":"Green marker.png"},{"text":"","title":"","link":"","lat":50.8465573,"lon":4.351697,"icon":""},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EMali\n\u003C/p\u003E\u003C/div\u003E","title":"Mali\n","link":"","lat":16.3700359,"lon":-2.2900239,"icon":"Blue marker.png"}],"imageoverlays":null}

external source of the marker

{{#display_map:
 Moscow, Russia~Moscow~A city in Russia;
 New York~New York city;
 London~[[London]]~Capital of England~https://www.semantic-mediawiki.org/w/images/c/ce/Green_marker.png;
 Brussels;
 Mali~Mali~~https://www.semantic-mediawiki.org/w/images/6/6f/Blue_marker.png
}}

Loading map...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EMoscow\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EA city in Russia\n\u003C/p\u003E\u003C/div\u003E","title":"Moscow\n","link":"","lat":55.625578,"lon":37.6063916,"icon":""},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ENew York city\n\u003C/p\u003E\u003C/div\u003E","title":"New York city\n","link":"","lat":40.7127281,"lon":-74.0060152,"icon":""},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/w/index.php?title=London\u0026amp;action=edit\u0026amp;redlink=1\" class=\"new\" title=\"London (page does not exist)\"\u003ELondon\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ECapital of England\n\u003C/p\u003E\u003C/div\u003E","title":"London\n","link":"","lat":51.5074456,"lon":-0.1277653,"icon":"https://www.semantic-mediawiki.org/w/images/c/ce/Green_marker.png"},{"text":"","title":"","link":"","lat":50.8465573,"lon":4.351697,"icon":""},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EMali\n\u003C/p\u003E\u003C/div\u003E","title":"Mali\n","link":"","lat":16.3700359,"lon":-2.2900239,"icon":"https://www.semantic-mediawiki.org/w/images/6/6f/Blue_marker.png"}],"imageoverlays":null}

[[#ref_{{{1}}}|^]] Same as the first example but with an icon from an external source. Usually icons are pictures which have been uploaded to the wiki and are accessed the same way files are.

Using the tag

marker uploaded to the wiki

<display_map type="terrain">
Moscow, Russia~Moscow~A city in Russia
New York~New York city
London~[[London]]~Capital of England~Green_marker.png
Brussels
Mali~Mali~~Blue_marker.png
</display_map>

Loading map...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EMoscow\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EA city in Russia\n\u003C/p\u003E\u003C/div\u003E","title":"Moscow\n","link":"","lat":55.625578,"lon":37.6063916,"icon":""},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ENew York city\n\u003C/p\u003E\u003C/div\u003E","title":"New York city\n","link":"","lat":40.7127281,"lon":-74.0060152,"icon":""},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/w/index.php?title=London\u0026amp;action=edit\u0026amp;redlink=1\" class=\"new\" title=\"London (page does not exist)\"\u003ELondon\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ECapital of England\n\u003C/p\u003E\u003C/div\u003E","title":"London\n","link":"","lat":51.5074456,"lon":-0.1277653,"icon":"Green_marker.png"},{"text":"","title":"","link":"","lat":50.8465573,"lon":4.351697,"icon":""},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EMali\n\u003C/p\u003E\u003C/div\u003E","title":"Mali\n","link":"","lat":16.3700359,"lon":-2.2900239,"icon":"Blue_marker.png"}],"imageoverlays":null}

external source of the marker

<display_map type="terrain">
Moscow, Russia~Moscow~A city in Russia
New York~New York city
London~[[London]]~Capital of England~https://www.semantic-mediawiki.org/w/images/c/ce/Green_marker.png
Brussels
Mali~Mali~~https://www.semantic-mediawiki.org/w/images/6/6f/Blue_marker.png
</display_map>

[[#ref_{{{1}}}|^]] Same as the first example but with an icon from an external source. Usually icons are pictures which have been uploaded to the wiki and are accessed the same way files are.

Loading map...

{"minzoom":false,"maxzoom":false,"mappingservice":"leaflet","width":"auto","height":"350px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"zoom":false,"defzoom":14,"layers":["OpenStreetMap"],"image layers":[],"overlays":[],"resizable":false,"fullscreen":false,"scrollwheelzoom":true,"cluster":false,"clustermaxzoom":20,"clusterzoomonclick":true,"clustermaxradius":80,"clusterspiderfy":true,"geojson":"","clicktarget":"","imageLayers":[],"locations":[{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EMoscow\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EA city in Russia\n\u003C/p\u003E\u003C/div\u003E","title":"Moscow\n","link":"","lat":55.625578,"lon":37.6063916,"icon":""},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ENew York city\n\u003C/p\u003E\u003C/div\u003E","title":"New York city\n","link":"","lat":40.7127281,"lon":-74.0060152,"icon":""},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E\u003Ca href=\"/w/index.php?title=London\u0026amp;action=edit\u0026amp;redlink=1\" class=\"new\" title=\"London (page does not exist)\"\u003ELondon\u003C/a\u003E\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ECapital of England\n\u003C/p\u003E\u003C/div\u003E","title":"London\n","link":"","lat":51.5074456,"lon":-0.1277653,"icon":"https://www.semantic-mediawiki.org/w/images/c/ce/Green_marker.png"},{"text":"","title":"","link":"","lat":50.8465573,"lon":4.351697,"icon":""},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EMali\n\u003C/p\u003E\u003C/div\u003E","title":"Mali\n","link":"","lat":16.3700359,"lon":-2.2900239,"icon":"https://www.semantic-mediawiki.org/w/images/6/6f/Blue_marker.png"}],"imageoverlays":null}

{{#set:

|Has example=Maps
|Uses service=googlemaps
|Has description=Basic map with point specific data
|Has category=basic
|Uses option=-/- → per overlay meta data

}}

External links

• https://www.semantic-mediawiki.org/wiki/Maps_examples/Google_Maps_tag_and_autoinfowindows