Advanced Topic


Google Maps has an Embeddable interface, which can be modified from the calling page.

This needs a separate API key for each Wikispace that it's used on.

You can get the LatLng pair from Google Maps for any location by searching for an address, then copying the Link to this page web address:

The LatLng (latitude-longitude) is these values:
sll=37.0625,-95.677068
The zIndex (vertical height) is this value:
z=17

On the Wikipage, Embed the following code block.
  • Replace the "width" and "height" with the desired size.
  • Replace GOOGLEMAPSKEY with the API key you obtained above.
  • Replace the values inside GLatLng with the LatLng and zIndex you located above.

<div id="map" style="width: 500px; height: 300px"></div>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=GOOGLEMAPSKEY" type="text/javascript"></script>
<script type="text/javascript">
  function load() {
    if (GBrowserIsCompatible()) {
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GSmallMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(37.0625, -95.677068), 17);
    }
  }
  load();
</script>