// $Id$ // example of how to add google maps // add these scripts into element of page, don't forget to add your API key // // // add the onload into the tag // e.g. // you need the onunload for a Safari bug function initMyMap(){ // edit your config // add initial location var Lat = 51.51975; var Lang = -0.141318; var MarkerLat = 51.517823; var MarkerLang = -0.14145; // edit the initial zoom level when the map loads, 1 would give you the whole world! var initZoom = 15; // this is the content in the infowindow (bubble) set to false if you don't want one //var html = false; var html = '
The Engine GroupEngine
60 Great Portland Street
London
W1W 7RT
'; mapload(Lat, Lang, MarkerLat, MarkerLang, initZoom, html); } function mapload(myLat, myLang, MarkerLat, MarkerLang, myZoom, myInfo) { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); function createMarker(point,html) { var marker = new GMarker(point); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); }); return marker; } //add map controls and functionality all are optional map.addControl(new GLargeMapControl()); map.addControl(new GMapTypeControl()); map.enableScrollWheelZoom(); map.enableContinuousZoom(); map.setCenter(new GLatLng(myLat, myLang), myZoom); var getPoint = new GLatLng(MarkerLat, MarkerLang); var marker; if(myInfo){ marker = createMarker(getPoint, myInfo) }else{ marker = new GMarker(getPoint); } map.addOverlay(marker); map.openInfoWindowHtml(getPoint, myInfo); } }