Maps examples/Google Maps ground overlays

Usage of the "imageoverlays" parameter. You can add such images via the MapEditor special page.

|imageoverlays=<coord>:<coord>:<url-to-image>[~<title>~<text>/~link:<url-to-link>]; ...

You may use either the title and text options or the link option. Alternatively it is possible to add a link to the wikitext to be shown in the popup.1

Example 1 - title / text

syntax

{{#display_map: 
 |imageoverlays=50.302674198227855,10.70068359375:49.01553629578961,8.382568359375:https://www.semantic-mediawiki.org/w/assets/SMW-logo.png~Semantic MediaWiki~World domination imminent!
 |centre=Europe
 |zoom=5
 |service=googlemaps3
}}

result

Loading map...

{"type":"ROADMAP","minzoom":false,"maxzoom":false,"types":["ROADMAP","SATELLITE","HYBRID","TERRAIN"],"mappingservice":"googlemaps3","width":"auto","height":"350px","centre":{"text":"","title":"","link":"","lat":51,"lon":10,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"visitedicon":"","wmsoverlay":false,"zoom":5,"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":[{"text":"\u003Cb\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003ESemantic MediaWiki\n\u003C/p\u003E\u003C/div\u003E\u003C/b\u003E\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003EWorld domination imminent!\n\u003C/p\u003E\u003C/div\u003E","title":"Semantic MediaWiki\n","link":"","strokeColor":"#FF0000","strokeOpacity":"1","strokeWeight":"2","fillColor":"#FF0000","fillOpacity":"0.5","ne":{"lon":10.70068359375,"lat":50.302674198227855},"sw":{"lon":8.382568359375,"lat":49.01553629578961},"image":"https://www.semantic-mediawiki.org/w/assets/SMW-logo.png"}],"kml":[],"gkml":[],"searchmarkers":"","fullscreen":false,"scrollwheelzoom":false,"locations":[]}

Example 2 - link

syntax

{{#display_map: 
 |imageoverlays=50.302674198227855,10.70068359375:49.01553629578961,8.382568359375:https://www.semantic-mediawiki.org/w/assets/SMW-logo.png~~/~link:https://sandbox.semantic-mediawiki.org/wiki/Issue/M/450
 |centre=Europe
 |zoom=5
 |service=googlemaps3
}}

result

Loading map...

{"type":"ROADMAP","minzoom":false,"maxzoom":false,"types":["ROADMAP","SATELLITE","HYBRID","TERRAIN"],"mappingservice":"googlemaps3","width":"auto","height":"350px","centre":{"text":"","title":"","link":"","lat":51,"lon":10,"icon":""},"title":"","label":"","icon":"","lines":[],"polygons":[],"circles":[],"rectangles":[],"copycoords":false,"static":false,"visitedicon":"","wmsoverlay":false,"zoom":5,"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":[{"text":"\u003Cdiv class=\"mw-parser-output\"\u003E\u003Cp\u003E/\n\u003C/p\u003E\u003C/div\u003E","title":"","link":"https://sandbox.semantic-mediawiki.org/wiki/Issue/M/450","strokeColor":"#FF0000","strokeOpacity":"1","strokeWeight":"2","fillColor":"#FF0000","fillOpacity":"0.5","ne":{"lon":10.70068359375,"lat":50.302674198228},"sw":{"lon":8.382568359375,"lat":49.01553629579},"image":"https://www.semantic-mediawiki.org/w/assets/SMW-logo.png"}],"kml":[],"gkml":[],"searchmarkers":"","fullscreen":false,"scrollwheelzoom":false,"locations":[]}

Starting June 11, 2018 the free usage of the Google Maps APIs is limited to 28,000 calls a month for dynamic maps. As soon as this monthly limit is reached no more maps will be served that month for this wiki by Google.