Google Maps examples

Google maps can be customized using various parameters.

This page lists examples. For an overview of available parameters and how to use them, see Customizing Google Maps.

Markers, Polygons, Lines, etc

See Displaying Google Maps

KML

{{#display_map:center=Berlin
 | kml=BerlinDistricts.kml
 | zoom=9
}}

Loading map...

{"type":"ROADMAP","minzoom":false,"maxzoom":false,"types":["ROADMAP","SATELLITE","HYBRID","TERRAIN"],"mappingservice":"google","width":"auto","height":"300px","centre":{"text":"","title":"","link":"","lat":52.510885,"lon":13.3989367,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"visitedicon":"","wmsoverlay":false,"zoom":9,"layers":[],"controls":["pan","zoom","type","scale","streetview","rotate"],"zoomstyle":"DEFAULT","typestyle":"DEFAULT","autoinfowindows":false,"resizable":false,"kmlrezoom":false,"poi":true,"cluster":false,"clustergridsize":60,"clustermaxzoom":20,"clusterzoomonclick":true,"clusteraveragecenter":true,"clusterminsize":2,"imageoverlays":[],"kml":["https://pro-wiki.s3.amazonaws.com/1644153356/b/b6/BerlinDistricts.kml"],"gkml":[],"searchmarkers":"","fullscreen":false,"mylocation":false,"mylocationfollow":false,"mylocationzoom":-1,"scrollwheelzoom":false,"locations":[]}

GKML

{{#display_map:center=Europe
 | gkml=https://raruto.github.io/leaflet-kmz/examples/capitals.kmz
 | zoom=3
}}

Loading map...

{"type":"ROADMAP","minzoom":false,"maxzoom":false,"types":["ROADMAP","SATELLITE","HYBRID","TERRAIN"],"mappingservice":"google","width":"auto","height":"300px","centre":{"text":"","title":"","link":"","lat":51,"lon":10,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"visitedicon":"","wmsoverlay":false,"zoom":3,"layers":[],"controls":["pan","zoom","type","scale","streetview","rotate"],"zoomstyle":"DEFAULT","typestyle":"DEFAULT","autoinfowindows":false,"resizable":false,"kmlrezoom":false,"poi":true,"cluster":false,"clustergridsize":60,"clustermaxzoom":20,"clusterzoomonclick":true,"clusteraveragecenter":true,"clusterminsize":2,"imageoverlays":[],"kml":[],"gkml":["https://raruto.github.io/leaflet-kmz/examples/capitals.kmz"],"searchmarkers":"","fullscreen":false,"mylocation":false,"mylocationfollow":false,"mylocationzoom":-1,"scrollwheelzoom":false,"locations":[]}

Map types

{{#display_map:center=Ben Nevis
 | types=satellite, terrain
 | type=terrain
 | zoom=9
}}

Loading map...

{"type":"TERRAIN","minzoom":false,"maxzoom":false,"types":["SATELLITE","TERRAIN"],"mappingservice":"google","width":"auto","height":"300px","centre":{"text":"","title":"","link":"","lat":56.7968582,"lon":-5.003526,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"visitedicon":"","wmsoverlay":false,"zoom":9,"layers":[],"controls":["pan","zoom","type","scale","streetview","rotate"],"zoomstyle":"DEFAULT","typestyle":"DEFAULT","autoinfowindows":false,"resizable":false,"kmlrezoom":false,"poi":true,"cluster":false,"clustergridsize":60,"clustermaxzoom":20,"clusterzoomonclick":true,"clusteraveragecenter":true,"clusterminsize":2,"imageoverlays":[],"kml":[],"gkml":[],"searchmarkers":"","fullscreen":false,"mylocation":false,"mylocationfollow":false,"mylocationzoom":-1,"scrollwheelzoom":false,"locations":[]}

Copy coords

Right-click on the map to copy the coordinates.

{{#google_maps:Hong Kong
 |copycoords=yes
 |zoom=11
}}

Loading map...

{"type":"ROADMAP","minzoom":false,"maxzoom":false,"types":["ROADMAP","SATELLITE","HYBRID","TERRAIN"],"mappingservice":"googlemaps3","width":"auto","height":"300px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":true,"static":false,"visitedicon":"","wmsoverlay":false,"zoom":11,"layers":[],"controls":["pan","zoom","type","scale","streetview","rotate"],"zoomstyle":"DEFAULT","typestyle":"DEFAULT","autoinfowindows":false,"resizable":false,"kmlrezoom":false,"poi":true,"cluster":false,"clustergridsize":60,"clustermaxzoom":20,"clusterzoomonclick":true,"clusteraveragecenter":true,"clusterminsize":2,"imageoverlays":[],"kml":[],"gkml":[],"searchmarkers":"","fullscreen":false,"mylocation":false,"mylocationfollow":false,"mylocationzoom":-1,"scrollwheelzoom":false,"locations":[{"text":"","title":"","link":"","lat":22.350627,"lon":114.1849161,"icon":""}]}

Inline labels

{{#google_maps:
Berlin~Popup title~Popup text~~Group~Berlin;
London~Popup title~Popup text~~Group~London (inline label);
}}

Loading map...

{"type":"ROADMAP","minzoom":false,"maxzoom":false,"types":["ROADMAP","SATELLITE","HYBRID","TERRAIN"],"mappingservice":"googlemaps3","width":"auto","height":"300px","centre":false,"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"visitedicon":"","wmsoverlay":false,"zoom":false,"layers":[],"controls":["pan","zoom","type","scale","streetview","rotate"],"zoomstyle":"DEFAULT","typestyle":"DEFAULT","autoinfowindows":false,"resizable":false,"kmlrezoom":false,"poi":true,"cluster":false,"clustergridsize":60,"clustermaxzoom":20,"clusterzoomonclick":true,"clusteraveragecenter":true,"clusterminsize":2,"imageoverlays":[],"kml":[],"gkml":[],"searchmarkers":"","fullscreen":false,"mylocation":false,"mylocationfollow":false,"mylocationzoom":-1,"scrollwheelzoom":false,"locations":[{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EPopup title\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EPopup text\n\u003C/p\u003E\u003C/div\u003E","title":"Popup title\n","link":"","lat":52.510885,"lon":13.3989367,"icon":"","group":"Group","inlineLabel":"Berlin\n"},{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EPopup title\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EPopup text\n\u003C/p\u003E\u003C/div\u003E","title":"Popup title\n","link":"","lat":51.4893335,"lon":-0.14405508452769,"icon":"","group":"Group","inlineLabel":"London (inline label)\n"}]}

I created Maps and this documentation in my free time. If you are finding either useful, please consider supporting me.