//<![CDATA[

    if (GBrowserIsCompatible()) {
      
      // this variable will collect the html which will eventualkly be placed in the sidebar
      var sidebar_html = "";
    
      // arrays to hold copies of the markers and html used by the sidebar
      // because the function closure trick doesnt work there
      var gmarkers = [];
      var htmls = [];
      var i = 0;


      // A function to create the marker and set up the event window
      function createMarker(point,name,html) {
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(html);
        });
        
        // The new marker "mouseover" listener        
        GEvent.addListener(marker,"mouseover", function() {
          marker.openInfoWindowHtml(html);
        });    
        
        // The new marker "close" listener        
        GEvent.addListener(marker, "dblclick", function() {
          map.closeInfoWindow();
        });    
        
        // save the info we need to use later for the sidebar
        gmarkers[i] = marker;
        htmls[i] = html;
        // add a line to the sidebar html
        sidebar_html += '<li><a href="javascript:myclick(' + i + ')">' + name + '</a></li>';
        i++;
        return marker;
      }


      // This function picks up the click and opens the corresponding info window
      function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }


      // Display the map, with some controls and set the initial location 
      var map = new GMap(document.getElementById("map"));
      map.setMapType(G_SATELLITE_MAP); 
      map.addControl(new GLargeMapControl());
      map.addControl(new GScaleControl());
      map.addControl(new GOverviewMapControl());   
      map.addControl(new GMapTypeControl()); 
      GEvent.addListener(map, "moveend", function() {
        var center = map.getCenterLatLng();
        var latLngStr = '目前地圖中心點位置經緯度: ( ' + center.x + ', ' + center.y + ' ) - - &copy; 2006 Mike Lin - - <a href="mailto:golden360@hotmail.com">合作提案</a>';
        document.getElementById("message").innerHTML = latLngStr;
      });      
      map.centerAndZoom(new GPoint( 121.46759033203125, 24.56336137530924), 7);

      // add the points   

      var point = new GPoint(121.82074069976806, 24.723707662509632);
      var marker = createMarker(point,'台7線終點&與台2線交匯處','台7線終點&與台2線交匯處')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.75777316093445, 24.75434823352007);
      var marker = createMarker(point,'宜蘭火車站','宜蘭火車站')
      map.addOverlay(marker);       
      
      var point = new GPoint(121.75181865692138, 24.754304390109872);
      var marker = createMarker(point,'台7線與台9線&台9甲交匯處','台7線與台9線&台9甲交匯處')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.7533528804779, 24.753632122550026);
      var marker = createMarker(point,'中山公園','中山公園')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.74915790557861, 24.755629428564074);
      var marker = createMarker(point,'台7線與台9甲交匯處','台7線與台9甲交匯處')
      map.addOverlay(marker);      
      
      var point = new GPoint(121.74917936325073, 24.756126314341482);
      var marker = createMarker(point,'甲子蘭酒文物館','甲子蘭酒文物館')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.73094034194946, 24.747678985905175);
      var marker = createMarker(point,'北部橫貫公路','北部橫貫公路')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.57470703125, 24.645768980151793);
      var marker = createMarker(point,'牛鬥橋','牛鬥橋')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.61200046539306, 24.644871841289376);
      var marker = createMarker(point,'長埤湖風景區','長埤湖風景區')
      map.addOverlay(marker);   
      
      var point = new GPoint(121.2861979007721, 24.887507071664657);
      var marker = createMarker(point,'台7線起點','台7線起點')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.28185272216797, 24.81447220571424);
      var marker = createMarker(point,'石門水庫','石門水庫')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.31421089172363, 24.81203761711623);
      var marker = createMarker(point,'阿姆坪','阿姆坪')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.34631156921387, 24.807694192287762);
      var marker = createMarker(point,'溪口台地風景區','溪口台地風景區')
      map.addOverlay(marker);   
      
      var point = new GPoint(121.37317657470703, 24.79109818120709);
      var marker = createMarker(point,'小烏來瀑布','小烏來瀑布')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.35583877563476, 24.754470020689382);
      var marker = createMarker(point,'峽谷絕壁','峽谷絕壁')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.37798309326172, 24.67946552658519);
      var marker = createMarker(point,'巴陵橋','巴陵橋')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.3827896118164, 24.67915356326911);
      var marker = createMarker(point,'達觀山風景區','達觀山風景區')
      map.addOverlay(marker);   
      
      var point = new GPoint(121.35257720947265, 24.71970224711333);
      var marker = createMarker(point,'高義溫泉','高義溫泉')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.40768051147461, 24.671666209546966);
      var marker = createMarker(point,'大曼','大曼')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.4047622680664, 24.652009767778697);
      var marker = createMarker(point,'蟠龍谷','蟠龍谷')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.43634796142578, 24.649669508972113);
      var marker = createMarker(point,'大溪守衛站','大溪守衛站')
      map.addOverlay(marker);   
      
      var point = new GPoint(121.44458770751953, 24.64093215521505);
      var marker = createMarker(point,'桃園縣與宜蘭縣縣界','桃園縣與宜蘭縣縣界')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.47205352783203, 24.647953291301853);
      var marker = createMarker(point,'明池森林遊樂區','明池森林遊樂區')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.52698516845703, 24.607693423770573);
      var marker = createMarker(point,'台7線與台7甲交匯處','台7線與台7甲交匯處')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.49505615234375, 24.580846310771612);
      var marker = createMarker(point,'棲蘭森林遊樂區','棲蘭森林遊樂區')
      map.addOverlay(marker);   
      
      var point = new GPoint(121.50192260742187, 24.574601971051052);
      var marker = createMarker(point,'森林火車','森林火車')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.49505615234375, 24.56023880869554);
      var marker = createMarker(point,'太平山森林遊樂區','太平山森林遊樂區')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.52647018432617, 24.50417551782617);
      var marker = createMarker(point,'見晴山觀景台','見晴山觀景台')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.51874542236328, 24.52651013514909);
      var marker = createMarker(point,'白嶺巨木','白嶺巨木')
      map.addOverlay(marker);   
      
      var point = new GPoint(121.43463134765625, 24.505893706264032);
      var marker = createMarker(point,'四季','四季')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.20168685913086, 24.263397889132395);
      var marker = createMarker(point,'德基水庫','德基水庫')
      map.addOverlay(marker);      
      
      var point = new GPoint(121.25747680664062, 24.27701247166408);
      var marker = createMarker(point,'梨山(台7甲與台8線交匯處)','梨山(台7甲與台8線交匯處)')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.33575439453125, 24.378371693550232);
      var marker = createMarker(point,'雪霸國家公園遊客中心','雪霸國家公園遊客中心')
      map.addOverlay(marker); 
      
      var point = new GPoint(121.36940002441406, 24.41526631558072);
      var marker = createMarker(point,'思源啞口(宜蘭縣與台中縣縣界)','思源啞口(宜蘭縣與台中縣縣界)')
      map.addOverlay(marker);   
      


      
                       
                       
      // put the assembled sidebar_html contents into the sidebar div
      document.getElementById("sidebar").innerHTML = sidebar_html;
      
    }

    else {
      alert("Sorry, the Google Maps API is not compatible with this browser");
    }

    // This Javascript is based on code provided by the
    // Blackpool Community Church Javascript Team
    // http://www.commchurch.freeserve.co.uk/   
    // http://www.econym.demon.co.uk/googlemaps/

    //]]>