I need some help with a bit of java... I wan't to call a function from my page to control a google map, but I am faced with a problem. This is (a very stripped down version of) my script: function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.addControl(new GMapTypeControl()); map.addControl(new GSmallZoomControl()); map.setCenter(new GLatLng(54.49556752187406, -4.3505859375), 5); map.setMapType(G_NORMAL_MAP); function setSat() { map.setMapType(G_SATELLITE_MAP); } } } window.onload = initialize; window.onload = setSat; window.onunload = GUnload; Code (markup): In my webpage I have a link like this... <a href="javascript:setSat()">Test Function</a> HTML: But when I try and use this script I get an object expected error? Interestingly, if I move the function SetSat() to just before the window.onload commands, I can call the function but then it can't find the map variable! I can also call the initialize function with no problems. It's driving me insae, can anyone help? What am I doing wrong? Regards, Andrew
why dont u try window.setInterval("fnName()",0); to execute a fn as a separate thread instantaneouusly?
It looks like map is not in the scope of setSat(). Try removing the "var" in front of it or defining it inside the function.
I think if I show you the full script and give you the address it might make more sense... The webpage is http://www.chillnet.net/trunktestapi.htm <html> <head> <title>Welcome to ChillNet - Trunk Routes</title> <meta http-equiv="Content-Type" content="text/html;"> <!-- Fireworks MX Dreamweaver MX target. Created Wed Feb 02 19:56:29 GMT+0000 (GMT Standard Time) 2005--> <script language="JavaScript"> <!-- function mmLoadMenus() { if (window.mm_menu_0202195417_0) return; window.mm_menu_0202195417_0 = new Menu("root",109,15,"Verdana, Arial, Helvetica, sans-serif",9,"#ffffff","#ffffff","#00A4E3","#000066","left","middle",3,0,1000,-5,7,true,true,true,0,true,true); mm_menu_0202195417_0.addMenuItem("History","location='http://www.chillnet.net/History.htm'"); mm_menu_0202195417_0.addMenuItem("Services","location='http://www.chillnet.net/Services.htm'"); mm_menu_0202195417_0.addMenuItem("Depot Map","location='http://www.chillnet.net/Depot Map.htm'"); mm_menu_0202195417_0.addMenuItem("Trunk Routes","location='http://www.chillnet.net/Trunk Routes.htm'"); mm_menu_0202195417_0.addMenuItem("International","location='http://www.chillnet.net/International.htm'"); mm_menu_0202195417_0.addMenuItem("Enquiries Form","location='http://www.chillnet.net/Enquiries.htm'"); mm_menu_0202195417_0.hideOnMouseOut=true; mm_menu_0202195417_0.bgColor='#ffffff'; mm_menu_0202195417_0.menuBorder=0; mm_menu_0202195417_0.menuLiteBgColor='#45b3ef'; mm_menu_0202195417_0.menuBorderBgColor='#cccccc'; window.mm_menu_0202195208_1 = new Menu("root",114,15,"Verdana, Arial, Helvetica, sans-serif",9,"#ffffff","#ffffff","#00A4E3","#000066","left","middle",3,0,1000,-5,7,true,true,true,0,true,true); mm_menu_0202195208_1.addMenuItem("Langdons","location='http://www.chillnet.net/Langdons.htm'"); mm_menu_0202195208_1.addMenuItem("DHL EXEL","location='http://www.chillnet.net/Exel.htm'"); mm_menu_0202195208_1.addMenuItem("David Price Tpt","location='http://www.chillnet.net/David Price.htm'"); mm_menu_0202195208_1.addMenuItem("STL Logistics","location='http://www.chillnet.net/STL.htm'"); mm_menu_0202195208_1.addMenuItem("Sawyers Tpt","location='http://www.chillnet.net/Sawyers.htm'"); mm_menu_0202195208_1.hideOnMouseOut=true; mm_menu_0202195208_1.bgColor='#ffffff'; mm_menu_0202195208_1.menuBorder=0; mm_menu_0202195208_1.menuLiteBgColor='#45b3ef'; mm_menu_0202195208_1.menuBorderBgColor='#cccccc'; mm_menu_0202195208_1.writeMenus(); } // mmLoadMenus() //--> </script> <script language="JavaScript1.2" src="mm_menu.js"></script> <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAETsjA2VdvvrpffDkM7XERRSlp2x9WHgQazDlW7-I-acbmrzscRT3BK6dxkYMXHY_wfLMg5nWnBYHgg" type="text/javascript"></script> <script type="text/javascript" src="pdmarker.js"></script> <script type="text/javascript" src="map.js"></script> <style type="text/css"> div.markerTooltip, div.markerDetail { color: black; font-weight: bold; background-color: 99CCFF; white-space: nowrap; margin: 0; padding: 2px 4px; border: 1px solid black; } .depotlist:visited, .depotlist:active{ color: #666666; text-decoration: none;} .depotlist:link{ color: #666666; text-decoration: none;} .depotlist:hover{ color: #666666; text-decoration: none; background-color: #EEEEEE;} </style> </head> <body bgcolor="#ffffff" leftMargin=0 topMargin=0 marginwidth="0" marginheight="0"> <table width="802" border="0" align="center" cellpadding="0" cellspacing="0"> <!-- fwtable fwsrc="Untitled" fwbase="new index.jpg" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" --> <tr> <td width="19"> <img name="new20index_r2_c1" src="new%20index_r2_c1.jpg" border="0" alt="" width="19" height="89"></td> <td width="10"> <img name="new20index_r2_c2" src="new%20index_r2_c2.jpg" border="0" alt="" width="10" height="89"></td> <td width="291"><a href="index.htm"> <img name="new20index_r2_c3" src="new%20index_r2_c3.jpg" border="0" alt="Home" width="241" height="89"></a></td> <td width="437"><div align="right"> <img name="new20index_r2_c5" src="new%20index_r2_c5.jpg" border="0" alt="" width="136" height="89"></div></td> <td width="1"> </td> <td width="44"><script language="JavaScript1.2">mmLoadMenus();</script> <img name="new20index_r2_c8" src="new%20index_r2_c8.jpg" border="0" alt="" width="19" height="89"></td> </tr> <tr> <td> <img name="new20index_r3_c1" src="new%20index_r3_c1.jpg" border="0" alt="" width="19" height="254"></td> <td> <img name="new20index_r3_c2" src="new%20index_r3_c2.jpg" border="0" alt="" width="10" height="254"></td> <td colspan="3"><img src="trunk-routes.jpg" width="742" height="262"></td> <td background="side.jpg"> </td> </tr> <tr> <td height="8"><img name="new20index_r4_c1" src="new%20index_r4_c1.jpg" width="19" height="18" border="0" alt=""></td> <td><img name="new20index_r4_c2" src="new%20index_r4_c2.jpg" width="10" height="18" border="0" alt=""></td> <td colspan="3"> </td> <td><img src="side.jpg" width="30" height="18"></td> </tr> <tr> <td> <img name="new20index_r5_c1" src="new%20index_r5_c1.jpg" border="0" alt="" width="19" height="18"></td> <td> <img name="new20index_r5_c2" src="new%20index_r5_c2.jpg" border="0" alt="" width="10" height="18"></td> <td background="/new index_r5_c4.jpg"> <img name="new20index_r5_c3" src="new%20index_r5_c3.jpg" border="0" usemap="#m_new20index_r5_c3" alt="" width="276" height="18"></td> <td background="/new index_r5_c4.jpg" bgcolor="#FFFFCC"> <div align="right"> <img src="new%20index_r5_c5.jpg" alt="" name="new20index_r5_c5" border="0" usemap="#new20index_r5_c5Map" width="136" height="18"> <map name="new20index_r5_c5Map"> <area shape="rect" coords="29,1,54,18" href="index_german.htm" alt="Deutsch"> <area shape="rect" coords="56,-4,79,16" href="index_italian.htm" alt="Italiano"> <area shape="rect" coords="81,-2,103,16" href="index_french.htm" alt="Francais"> <area shape="rect" coords="106,-8,125,15" href="index_spanish.htm" alt="Espanol"> <area shape="rect" coords="10,2,30,16" href="index.htm" alt="English"> </map> </div></td> <td background="/chill/new index_r5_c4.jpg"> </td> <td><img src="side.jpg" width="30" height="18"></td> </tr> <tr> <td><img name="new20index_r6_c1" src="new%20index_r6_c1.jpg" width="19" height="222" border="0" alt=""></td> <td><img name="new20index_r6_c2" src="new%20index_r6_c2.jpg" width="10" height="255" border="0" alt=""></td> <td colspan="3"> <table> <tr> <td width="370" height="370"> <div id="map_canvas" style="align: center; width: 370px; height: 370px"></div></div></td> <td width="50%"><p><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Our Trunk Routes</strong></font></p> <ul> <font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="javascript:zoomInBW()" class="depotlist">Test Function</a></font><br> <li><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="return false" onMouseOver="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong>Langdons Dover</strong><br>1 Palmerstone Road<br>White Cliffs Business Park<br>Whitfield<br>Dover<br>CT16 3NF<br>+44 (0)1304 872640</font></p>'; return true" onMouseOut="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong> </strong></font></p>'; return true" class="depotlist">Dover</a></font></li> <li><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="return false" onMouseOver="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong>DHL Excel Glasgow</strong><br>7 - 15 Wellbeck Road<br>Darnley Industrial Estate<br>Glasgow<br>G53 7RD<br>+44 (0)414 881 9326</font></p>'; return true" onMouseOut="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong> </strong></font></p>'; return true" class="depotlist">Glasgow</a></font></li> <li><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="return false" onMouseOver="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong>STL Logistics - Limerick</strong><br>Annacotty Business Park<br>Annacotty<br>Limerick<br>Ireland<br>+44 3553 61 200 200</font></p>'; return true" onMouseOut="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong> </strong></font></p>'; return true" class="depotlist">Limerick</a></font></li> <li><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="return false" onMouseOver="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong>Langdons Liverpool</strong><br>Caddick Road<br>School Lane<br>Knowsley Industrial Park<br>Liverpool<br>L34 9HP<br>+44 (0)151 632 9006</font></p>'; return true" onMouseOut="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong> </strong></font></p>'; return true" class="depotlist">Liverpool</a></font></li> <li><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="return false" onMouseOver="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong>Langdons Luton</strong><br>Luton Coldstore<br>Skimpot Road<br>Luton<br>LU4 0JD<br>+44 (0)1582 507002</font></p>'; return true" onMouseOut="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong> </strong></font></p>'; return true" class="depotlist">Luton</a></font></li> <li><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="return false" onMouseOver="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong>David Price - Newcastle</strong><br>Kittiwake Close<br>The Silverlink Business Park<br>Wallsend<br>NE28 9ND<br>+44 (0)191 295 8800</font></p>'; return true" onMouseOut="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong> </strong></font></p>'; return true" class="depotlist">Newcastle</a></font></li> <li><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="return false" onMouseOver="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong>Sawyers Moy</strong><br>Charlemont Industrial Estate<br>Armagh Road<br>Moy<br>County Tyrone<br>BT71 7SD<br>+44 (0)28 8778 4994</font></p>'; return true" onMouseOut="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong> </strong></font></p>'; return true" class="depotlist">Moy</font></a></li> <li><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="return false" onMouseOver="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong>Langdons Peterborough</strong><br>Shrewsbury Avenue<br>Woodston Industrial Estate<br>Peterborough<br>PE2 7BJ<br>+44 (0)1733 231611</font></p>'; return true" onMouseOut="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong> </strong></font></p>'; return true" class="depotlist">Peterborough</a></font></li> <li><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="return false" onMouseOver="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong>Langdons Redditch</strong><br>Unit 56<br>Heming Road<br>Washford Industrial Estate<br>Redditch<br>B98 0EA<br>+44 (0)1527 506980</font></p>'; return true" onMouseOut="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong> </strong></font></p>'; return true" class="depotlist">Redditch</a></font></li> <li><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onMouseOver="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong>Langdons Bridgwater</strong><br>Showground Road<br>Bridgwater<br>Somerset<br>TA6 6AJ<br>+44 (0)1278 411114</font></p>'; return true" onMouseOut="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong> </strong></font></p>'; return true" class="depotlist">Bridgwater</a></font></li> <li><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="#" onClick="return false" onMouseOver="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong>STL Dublin</strong><br> <br> <br> <br> <br> </font></p>'; return true" onMouseOut="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong> </strong></font></p>'; return true" class="depotlist">STL Dublin</a></font></li> </ul></td><td width="50%"> <div id="address"><p><font color="#666666" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong> </strong></font></p></div></td> </tr> </table></td> <td background="side.jpg"> </td> </tr> <tr> <td> <img name="new20index_r7_c1" src="new%20index_r7_c1.jpg" border="0" alt="" width="19" height="37"></td> <td> <img name="new20index_r7_c2" src="new%20index_r7_c2.jpg" border="0" alt="" width="10" height="37"></td> <td colspan="3"> <img src="logo-bar.jpg" width="742" height="36" border="0" usemap="#Map"></td> <td><img src="bot-right.jpg" width="30" height="37"></td> </tr> <tr> <td> <img name="new20index_r8_c1" src="new%20index_r8_c1.jpg" border="0" alt="" width="19" height="24"></td> <td> <img name="new20index_r8_c2" src="new%20index_r8_c2.jpg" border="0" alt="" width="10" height="24"></td> <td colspan="3"> <img name="new20index_r8_c3" src="new%20index_r8_c3.jpg" border="0" alt="" width="241" height="24"><img name="new20index_r8_c4" src="new%20index_r8_c4.jpg" border="0" alt="" width="365" height="24"></td> <td> </td> </tr> <map name="m_new20index_r5_c3"> <area shape="rect" coords="63,-1,119,15" href="#" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0202195417_0,61,21,null,'new20index_r5_c3')" > <area shape="rect" coords="0,1,64,19" href="#" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0202195208_1,0,21,null,'new20index_r5_c3')" > <area shape="rect" coords="119,1,170,15" href="Contact%20Us.htm" alt="Contact Us"> <area shape="rect" coords="171,3,242,14" href="Downloads.htm" alt="Downloads"> <area shape="rect" coords="246,4,275,13" href="index.htm" alt="Home"> </map> <map name="m_new20index_r6_c3"> <area shape="rect" coords="60,-15,113,3" href="#" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0202195417_0,60,-15,null,'new20index_r6_c3');" > </map> </table> <map name="Map"> <area shape="rect" coords="4,1,103,35" href="Langdons.htm" alt="Langdons"> <area shape="rect" coords="264,1,354,33" href="Exel.htm" alt="Exel"> <area shape="rect" coords="381,5,458,31" href="STL.htm"> <area shape="rect" coords="477,4,615,28" href="David%20Price.htm" alt="David Price"> <area shape="rect" coords="634,3,743,33" href="Sawyers.htm" alt="Sawyers"> </map> </body> </html> HTML:
The first included file is pdmarker.js - don't worry about it, it's a fancy addon to google maps API. the next included file is map.js function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map_canvas")); map.addControl(new GMapTypeControl()); map.addControl(new GSmallZoomControl()); map.setCenter(new GLatLng(54.49556752187406, -4.3505859375), 5); GDownloadUrl("depotlist.json", function( data, responseCode ){ parseJson(data); }); map.setMapType(G_NORMAL_MAP); function zoomInBW() { map.setMapType(G_SATELLITE_MAP); } function makeIcon (image) { var icon = new GIcon(); icon.image = image; icon.iconSize = new GSize(27, 27); icon.shadowSize = new GSize(24, 16); icon.iconAnchor = new GPoint(13, 13); icon.infoShadowAnchor = new GPoint(0, 0); icon.infoWindowAnchor = new GPoint(8, 1); return icon; } function createMarker(input) { var marker = new PdMarker(input.point, makeIcon(input.icon) ); marker.setTooltip( input.depotName ); GEvent.addListener(marker, "click", function() { if (marker.getMouseOutEnabled()) { marker.setMouseOutEnabled(false); map.setCenter((input.point), 17); map.setMapType(G_SATELLITE_MAP); document.getElementById('address').innerHTML = (input.address); } else { marker.setMouseOutEnabled(true); map.setCenter(new GLatLng(54.49556752187406, -4.3505859375), 5); map.setMapType(G_NORMAL_MAP); document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong> </strong></font></p>'; } }); return marker; } function parseJson (doc) { var jsonData = eval("(" + doc + ")"); for (var i = 0; i< jsonData.depots.length; i++) { var marker = createMarker(jsonData.depots[i]); map.addOverlay(marker); } } //Set Latitude and Longitude var BW = new GLatLng(51.11280000000001, -2.99365); var Red = new GLatLng(52.290090000000006, -1.89067); var Liv = new GLatLng(53.45861000000001, -2.86133); var Dov = new GLatLng(51.14761000000001, 1.28651); var Pet = new GLatLng(52.557770000000005, -0.26386000000000004); var Lut = new GLatLng(51.888830000000006, -0.48259); var DHL = new GLatLng(55.81061626695981, -4.349602907896042); var DPNewc = new GLatLng(55.01483539786293, -1.4962005615234375); var Sawyers = new GLatLng(54.42642042742, -6.679172515869141); var STLLim = new GLatLng(52.66870542660332, -8.529081344604492); var STLDub = new GLatLng(53.39860716550896, -6.350183486938477); //Set Trunk Routes map.addOverlay(new GPolyline([BW,Red],"#0000ff", 2)); map.addOverlay(new GPolyline([BW,Liv],"#0000ff", 2)); map.addOverlay(new GPolyline([BW,Dov],"#0000ff", 2)); map.addOverlay(new GPolyline([BW,Pet],"#0000ff", 2)); map.addOverlay(new GPolyline([BW,Lut],"#0000ff", 2)); map.addOverlay(new GPolyline([BW,Sawyers],"#0000ff", 2)); map.addOverlay(new GPolyline([BW,STLLim],"#0000ff", 2)); map.addOverlay(new GPolyline([BW,DHL],"#0000ff", 2)); map.addOverlay(new GPolyline([BW,DPNewc],"#0000ff", 2)); map.addOverlay(new GPolyline([Red,DPNewc],"#0000ff", 2)); map.addOverlay(new GPolyline([Red,Liv],"#0000ff", 2)); map.addOverlay(new GPolyline([DHL,DPNewc],"#0000ff", 2)); map.addOverlay(new GPolyline([DHL,Liv],"#0000ff", 2)); map.addOverlay(new GPolyline([DPNewc,Liv],"#0000ff", 2)); map.addOverlay(new GPolyline([Pet,Liv],"#0000ff", 2)); map.addOverlay(new GPolyline([Lut,Liv],"#0000ff", 2)); map.addOverlay(new GPolyline([DPNewc,Pet],"#0000ff", 2)); map.addOverlay(new GPolyline([Red,Pet],"#0000ff", 2)); map.addOverlay(new GPolyline([Dov,Lut],"#0000ff", 2)); map.addOverlay(new GPolyline([Dov,Pet],"#0000ff", 2)); map.addOverlay(new GPolyline([Dov,Red],"#0000ff", 2)); map.addOverlay(new GPolyline([Pet,Lut],"#0000ff", 2)); map.addOverlay(new GPolyline([BW,STLDub],"#0000ff", 2)); } } window.onload = initialize; window.onload = zoomInBW; window.onunload = GUnload; Code (markup): and finally I have the depotlist.json file: {"depots": [ { "point":new GLatLng(51.11280000000001, -2.99365), "depotName": "Langdons Bridgwater", "icon": "chillIcon2.png", "address": "<p><font color=#666666 size=1 face=Verdana><strong>Langdons Bridgwater</strong><br>Showground Road<br>Bridgwater<br>Somerset<br>TA6 6AJ<br>(01278) 411114</font></p>" }, { "point":new GLatLng(53.45861000000001, -2.86133), "depotName": "Langdons Liverpool", "icon": "chillIcon2.png", "address": "<p><font color=#666666 size=1 face=Verdana><strong>Langdons Liverpool</strong><br>Caddick Road<br>School Lane<br>Knowsley Industrial Park<br>Liverpool<br>L34 9HP<br>+44 (0)151 632 9006</font></p>" }, { "point":new GLatLng(51.14761000000001, 1.28651), "depotName": "Langdons Dover", "icon": "chillIcon2.png", "address": "<p><font color=#666666 size=1 face=Verdana><strong>Langdons Dover</strong><br>1 Palmerstone Road<br>White Cliffs Business Park<br>Whitfield<br>Dover<br>CT16 3NF<br>+44 (0)1304 872640</font></p>" }, { "point":new GLatLng(52.290090000000006, -1.89067), "depotName": "Langdons Redditch", "icon": "chillIcon2.png", "address": "<p><font color=#666666 size=1 face=Verdana><strong>Langdons Redditch</strong><br>Unit 56<br>Heming Road<br>Washford Industrial Estate<br>Redditch<br>B98 0EA<br>+44 (0)1527 506980</font></p>" }, { "point":new GLatLng(52.557770000000005, -0.26386000000000004), "depotName": "Langdons Peterborough", "icon": "chillIcon2.png", "address": "<p><font color=#666666 size=1 face=Verdana><strong>Langdons Peterborough</strong><br>Shrewsbury Avenue<br>Woodston Industrial Estate<br>Peterborough<br>PE2 7BJ<br>+44 (0)1733 231611</font></p>" }, { "point":new GLatLng(51.888830000000006, -0.48259), "depotName": "Langdons Luton", "icon": "chillIcon2.png", "address": "<p><font color=#666666 size=1 face=Verdana><strong>Langdons Luton</strong><br>Luton Coldstore<br>Skimpot Road<br>Luton<br>LU4 0JD<br>+44 (0)1582 507002</font></p>" }, { "point":new GLatLng(55.81061626695981, -4.349602907896042), "depotName": "DHL Glasgow", "icon": "chillIcon2.png", "address": "<p><font color=#666666 size=1 face=Verdana><strong>DHL Excel Glasgow</strong><br>7 - 15 Wellbeck Road<br>Darnley Industrial Estate<br>Glasgow<br>G53 7RD<br>+44 (0)414 881 9326</font></p>" }, { "point":new GLatLng(55.01483539786293, -1.4962005615234375), "depotName": "David Price Newcastle", "icon": "chillIcon2.png", "address": "<p><font color=#666666 size=1 face=Verdana><strong>David Price - Newcastle</strong><br>Kittiwake Close<br>The Silverlink Business Park<br>Wallsend<br>NE28 9ND<br>+44 (0)191 295 8800</font></p>" }, { "point":new GLatLng(54.42642042742, -6.679172515869141), "depotName": "Sawyers Moy", "icon": "chillIcon2.png", "address": "<p><font color=#666666 size=1 face=Verdana><strong>Sawyers Moy</strong><br>Charlemont Industrial Estate<br>Armagh Road<br>Moy<br>County Tyrone<br>BT71 7SD<br>+44 (0)28 8778 4994</font></p>" }, { "point":new GLatLng(52.66870542660332, -8.529081344604492), "depotName": "STL Limerick", "icon": "chillIcon2.png", "address": "<p><font color=#666666 size=1 face=Verdana><strong>STL Logistics - Limerick</strong><br>Annacotty Business Park<br>Annacotty<br>Limerick<br>Ireland<br>+44 3553 61 200 200</font></p>" }, { "point":new GLatLng(53.39860716550896, -6.350183486938477), "depotName": "STL Dublin", "icon": "chillIcon2.png", "address": "<p><font color=#666666 size=1 face=Verdana><strong>STL Dublin</strong><br> <br> <br> <br> <br> </font></p>" } ] } Code (markup): Hope this makes a bit more sense - if you look at the site, it will clarify what I'm trying to do. If you click on one of the logos on the map, it will zoom in to the depot - I want to replicate what happens when you click on the logo using the links on the right hand side.