2012-04-11 8 views
1
// // // // // // // // Ajax returns from PHP 
xmlhttp.onreadystatechange=function() { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
     var obj = $.parseJSON(xmlhttp.responseText); 

     var tLat = getCookie("tLat"); 
     var tLng = getCookie("tLng"); 

     var options = { 
      zoom: 4, 
      center: new google.maps.LatLng(40.7257, -74.0047), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

     // Creating the map 
     var map = new google.maps.Map(document.getElementById('map'), options); 

     // Adding a marker to the map 
     var marker1 = new google.maps.Marker({ 
      position: new google.maps.LatLng(tLat, tLng), 
      map: map, 
      title: 'Click me', 
      icon: 'http://gmaps-samples.googlecode.com/svn/trunk/markers/blue/blank.png' 
     }); 

     var i = 0; 
     for(i=0;i<=10;i++) { 
      // Adding a marker to the map 
      var marker[] = new google.maps.Marker({ 
      position: new google.maps.LatLng(obj[i].lat, obj[i].lng), 
      map: map, 
      title: 'Click me', 
      icon: 'http://gmaps-samples.googlecode.com/svn/trunk/markers/blue/blank.png' 
      }); 
     } 

     $('#map').show(); 
    } 
} 
// // // // // // // // 

私はJSON配列を持っており、最初の10個のマーカーをロードしようとしています。 forループ内のJavaScriptは少し変形しています。JSON配列からマーカーを適切に追加するソリューションを開発しようとしています。 forループの上にある最初のマーカーは正しくロードされます。誰もこれを前にしたことがありますか?JSON配列のマーカーを含むGoogleマップを読み込んでいますか?

P.S.私はどちらもうまくいきませんでした。私の警告は、小数点以下7桁の浮動小数点数を示しています。

// // // // // // // // Ajax returns from PHP 
xmlhttp.onreadystatechange=function() { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
     var obj = $.parseJSON(xmlhttp.responseText); 

     var tLat = getCookie("tLat"); 
     var tLng = getCookie("tLng"); 

     var options = { 
      zoom: 4, 
      center: new google.maps.LatLng(40.7257, -74.0047), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

     // Creating the map 
     var map = new google.maps.Map(document.getElementById('map'), options); 

     alert(obj[0][1]+','+obj[0][2]); 

     //var myLatLng = new google.maps.LatLng(40.7257, -74.0047); 
     var myLatLng = new google.maps.LatLng(String(obj[0][1]), String(obj[0][2])); 

     var marker = new google.maps.Marker({ position: myLatLng, map: map }); 

     $('#map').show(); 
    } 
} 
// // // // // // // // 

P.P.P.S.私のobjの警告ボックスには、-84.3132324,34.0393598という形式が必要です。

答えて

0
// // // // // // // // Ajax returns from PHP 
xmlhttp.onreadystatechange=function() { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
     var obj = $.parseJSON(xmlhttp.responseText); 

     var tLat = getCookie("tLat"); 
     var tLng = getCookie("tLng"); 

     var options = { 
      zoom: 4, 
      center: new google.maps.LatLng(tLat, tLng), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

     // Creating the map 
     var map = new google.maps.Map(document.getElementById('map'), options); 



     var myLatLng = new google.maps.LatLng(parseFloat(obj[0][2]), parseFloat(obj[0][1])); 

     //var marker = new google.maps.Marker({ position: myLatLng, map: map }); 

     var marker; 

     for(var i=0;i<obj.length;i++) { 

      var myLatLng = new google.maps.LatLng(parseFloat(obj[i].lat), parseFloat(obj[i].lng)); 

      var marker = new google.maps.Marker({ position: myLatLng, map: map }); 
     } 

     $('#map').show(); 
    } 
} 
// // // // // // // // 

結局のところ、これは物事は​​APIv3

で動作させるための方法の一つです
関連する問題