Customizing Google Maps

Google Maps can be customized using various parameters.

Customization syntax

{{#display_map: Berlin~Berlin; Brussels~Brussels; Amsterdam~Amsterdam; London~London; Paris~Paris
 | service=google
 | searchmarkers=all
}}

Loading map...

{"type":"ROADMAP","minzoom":false,"maxzoom":false,"types":["ROADMAP","SATELLITE","HYBRID","TERRAIN"],"mappingservice":"google","width":"auto","height":"200px","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":"all","fullscreen":false,"scrollwheelzoom":false,"locations":[{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EBerlin\n\u003C/p\u003E\u003C/div\u003E","title":"Berlin\n","link":"","lat":52.510885,"lon":13.3989367,"icon":""},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EBrussels\n\u003C/p\u003E\u003C/div\u003E","title":"Brussels\n","link":"","lat":50.8465573,"lon":4.351697,"icon":""},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EAmsterdam\n\u003C/p\u003E\u003C/div\u003E","title":"Amsterdam\n","link":"","lat":52.3730796,"lon":4.8924534,"icon":""},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ELondon\n\u003C/p\u003E\u003C/div\u003E","title":"London\n","link":"","lat":51.4893335,"lon":-0.14405508452769,"icon":""},{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EParis\n\u003C/p\u003E\u003C/div\u003E","title":"Paris\n","link":"","lat":48.8588897,"lon":2.3200410217201,"icon":""}]}

Parameters

⧼validator-describe-header-parameter⧽	⧼validator-describe-header-type⧽	⧼validator-describe-header-default⧽	⧼validator-describe-header-description⧽
zoom	⧼validator-type-integer⧽	14	The zoom level for the map. For maps with markers this will default to the most zoomed in level that still shows all markers.
width	⧼validator-type-dimension⧽	auto	Allows setting the width of the map. By default pixels will be assumed as unit, but you can explicitly specify one of these units: px, ex, em, %.
height	⧼validator-type-dimension⧽	350	Allows setting the height of the map. By default pixels will be assumed as unit, but you can explicitly specify one of these units: px, ex, em.
centre	⧼validator-type-string⧽	no	The location on which the map should be centered
title	⧼validator-type-string⧽	⧼validator-describe-empty⧽	Allows setting text that will be displayed in the pop-ups of all markers that do not have a specific title. When used together with label, the title will be bold and underlined.
label	⧼validator-type-string⧽	⧼validator-describe-empty⧽	Allows setting text that will be displayed in the pop-ups of all markers that do not have a specific label.
icon	⧼validator-type-string⧽	⧼validator-describe-empty⧽	Allows setting the icon used for all markers.
lines	List of lines	⧼validator-describe-empty⧽	Lines to display
polygons	List of geographical polygons	⧼validator-describe-empty⧽	Polygons to display
circles	List of circles	⧼validator-describe-empty⧽	Circles to display
rectangles	List of rectangles	⧼validator-describe-empty⧽	Rectangles to display
maxzoom	⧼validator-type-integer⧽	no	The maximum zoom level
minzoom	⧼validator-type-integer⧽	no	The minimum zoom level
copycoords	⧼validator-type-boolean⧽	no	Show a dialog when clicking on a marker from which its coordinates may be copied
static	⧼validator-type-boolean⧽	no	Make the map static
visitedicon	⧼validator-type-string⧽	⧼validator-describe-empty⧽	The filename of an image to be used for marker icons after the original markers have been clicked
wmsoverlay	Web Map Service overlay	no	Use a WMS overlay
type	⧼validator-type-string⧽	roadmap	The map type to initially show.
types	⧼validator-type-string-list⧽	roadmap, satellite, hybrid, terrain	The map types that will be available via the type control.
layers	⧼validator-type-string-list⧽	⧼validator-describe-empty⧽	Special layers to load onto the map.
controls	⧼validator-type-string-list⧽	pan, zoom, type, scale, streetview, rotate	The controls to place on the map.
zoomstyle	⧼validator-type-string⧽	default	The style of the zoom control.
typestyle	⧼validator-type-string⧽	default	The style of the type control.
autoinfowindows	⧼validator-type-boolean⧽	no	Automatically open all info windows after the page has loaded.
resizable	⧼validator-type-boolean⧽	no	Makes the map resizable by dragging at its lower right corner.
kmlrezoom	⧼validator-type-boolean⧽	no	Rezoom the map after the KML layers have been loaded.
poi	⧼validator-type-boolean⧽	yes	Show points of interest.
cluster	⧼validator-type-boolean⧽	no	Allows merging of multiple nearby markers into one marker
clustergridsize	⧼validator-type-integer⧽	60	The grid size of a cluster in pixels.
clustermaxzoom	⧼validator-type-integer⧽	20	The maximum zoom level where clusters may exist.
clusterzoomonclick	⧼validator-type-boolean⧽	yes	Whether the default behaviour of clicking on a cluster is to zoom into it.
clusteraveragecenter	⧼validator-type-boolean⧽	yes	Whether the center of each cluster should be the average of all markers in the cluster.
clusterminsize	⧼validator-type-integer⧽	2	The minimum number of markers to be in a cluster before the markers are hidden and a count is shown.
imageoverlays	List of image overlays	⧼validator-describe-empty⧽	Allows adding an image to be shown on the specified location on the map.
kml	⧼validator-type-string-list⧽	⧼validator-describe-empty⧽	KML files to load onto the map.
gkml	⧼validator-type-string-list⧽	⧼validator-describe-empty⧽	KML files hosted by Google to load onto the map.
searchmarkers	⧼validator-type-string⧽	⧼validator-describe-empty⧽	Allows to search for specific markers via a field embedded into the map.
fullscreen	⧼validator-type-boolean⧽	no	Enable fullscreen button
scrollwheelzoom	⧼validator-type-boolean⧽	no	Indicates if mouse scrolling should be enabled or not.

Examples

See Google Maps Examples

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