Jump to content

Trying to insert two Google Maps on Contact page


Lucas-911

Recommended Posts

Hey,

I am trying to insert two Google maps within the Contacts page. I have posted my current code below...
Each map will have to feature its own marker, with address information etc...

<!-- Google Maps code start -->
{literal}
[removed][removed]





JavaScript must be enabled in order for you to use Google Maps.
However, it seems JavaScript is either disabled or not supported by your browser.
To view Google Maps, enable JavaScript by changing your browser options, and then
try again.



[removed]
//<![CDATA[

function display_map()
{

if (GBrowserIsCompatible()) {

// A function to create the marker and set up the event window
// Dont try to unroll this function. It has to be here for the function closure
// Each instance of the function preserves the contends of a different instance
// of the "marker" and "html" variables which will be needed later when the event triggers.

html ="
Leversedge Telecom Services Ltd

23 Slater St

Leicester LE3 5AS

Phone: 0116 262 6166<\/div>";

function createMarker(point,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;


}


// Display the map, with some controls and set the initial location
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(52.64238,-1.14105),16);



// Set up the marker and info

var point = new GLatLng(52.64238,-1.14105);
var marker = createMarker(point, html)
map.addOverlay(marker);
marker.openInfoWindowHtml(html);


////////////* 2nd Google Map *///////////////
var map2 = new GMap2(document.getElementById("map1"));
map2.addControl(new GSmallMapControl());
map2.addControl(new GMapTypeControl());
map2.setCenter(new GLatLng(37.4419, -122.1419), 17);
var point2 = new GLatLng(37.4419, -122.1419), 17);
var marker = createMarker(point2, html)
map2.addOverlay(marker);
marker.openInfoWindowHtml(html);

}

// display a warning if the browser was not compatible
else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}

// This Javascript is based on code provided by the
// Community Church Javascript Team
// http://www.bisphamchurch.org.uk/
// http://econym.org.uk/gmap/

//]]>

}
[removed]
{/literal}

{literal}
[removed]
window.onload= function(){
display_map();
};

window.onunload= function(){
GUnload();
};
[removed]
{/literal}

<!-- Google Maps code end -->

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...