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.5170365,"lon":13.3888599,"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,"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,"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.7968364,"lon":-5.0035078,"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,"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,"scrollwheelzoom":false,"locations":[{"text":"","title":"","link":"","lat":22.2793278,"lon":114.1628131,"icon":""}]}

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