2011年7月9日土曜日

マーカーのJSON配列の例

  1. window.onload = function() {
  2.  
  3.   if (GBrowserIsCompatible()) {
  4.     var map = new GMap(document.getElementById("map"));
  5.    
  6.     //地図の中心
  7.     var point =new GPoint(-122.141937.4419)
  8.     map.centerAndZoom(point, 13);
  9.    
  10.      var marks = [
  11.         { id:1, lat:41, lng:-121, text:'sample1' },
  12.         { id:2, lat:42, lng:-122, text:'sample2' },
  13.         { id:3, lat:43, lng:-123, text:'sample3' },
  14.         { id:4, lat:43, lng:-134, text:'sample4' },
  15.         { id:5, lat:40, lng:-135, text:'sample5' }
  16.     ];
  17.    
  18.  
  19.     function addMarker( mark ) {
  20.         var latlng = new GLatLng( mark.lat, mark.lng );
  21.         var marker = new GMarker( latlng );
  22.         map.addOverlay( marker );
  23.         GEvent.addListener( marker, 'click'function() {
  24.             marker.openInfoWindowHtml( mark.id + ': ' + mark.text );
  25.         });
  26.     };
  27.            
  28.     for( var i = 0;  i <marks.length;  ++i ){
  29.         addMarker( marks[i] );
  30.     };
  31.    
  32.   }

0 件のコメント:

コメントを投稿