Trying to call a function within a function

Discussion in 'JavaScript' started by aquasonic, Jan 9, 2008.

  1. #1
    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
     
    aquasonic, Jan 9, 2008 IP
  2. midhunhk

    midhunhk Peon

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    why dont u try

    window.setInterval("fnName()",0);

    to execute a fn as a separate thread instantaneouusly?
     
    midhunhk, Jan 9, 2008 IP
  3. James McMurray

    James McMurray Peon

    Messages:
    52
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    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.
     
    James McMurray, Jan 9, 2008 IP
  4. aquasonic

    aquasonic Well-Known Member

    Messages:
    90
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    115
    #4
    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&nbsp;Map","location='http://www.chillnet.net/Depot Map.htm'");
      mm_menu_0202195417_0.addMenuItem("Trunk&nbsp;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&nbsp;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&nbsp;EXEL","location='http://www.chillnet.net/Exel.htm'");
      mm_menu_0202195208_1.addMenuItem("David&nbsp;Price&nbsp;Tpt","location='http://www.chillnet.net/David Price.htm'");
      mm_menu_0202195208_1.addMenuItem("STL&nbsp;Logistics","location='http://www.chillnet.net/STL.htm'");
      mm_menu_0202195208_1.addMenuItem("Sawyers&nbsp;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&amp;v=2&amp;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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;</font></p>'; return true" onMouseOut="javascript:document.getElementById('address').innerHTML = '<p><font color=#666666 size=1 face=Verdana><strong>&nbsp;</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>&nbsp;</strong></font></p></div></td>
            </tr>
          </table></td>
        <td background="side.jpg">&nbsp;</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>&nbsp;</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:
     
    aquasonic, Jan 9, 2008 IP
  5. aquasonic

    aquasonic Well-Known Member

    Messages:
    90
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    115
    #5
    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>&nbsp;</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>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;</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.
     
    aquasonic, Jan 9, 2008 IP