我無法在谷歌地圖API V3

，在谷歌

var map; 

function initialize() 
{ 
    var latLng = new google.maps.LatLng(41.079120183660486, 28.994637246032653); 

    var mapOptions = { 
     center: latLng, 
     zoom: 8, 
     mapTypeId : google.maps.MapTypeId.ROADMAP 
    }; 

    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 

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

    google.maps.event.addListener(map, 'click', function (event) { 
     //map.setZoom(9); 
     //map.setCenter(marker.getPosition()); 

    }); 


}google.maps.event.addDomListener(window, 'load', initialize);

是正常的代碼，我想從我的數據庫乘標誌，我不能做到這一點。我在網站搜索，但總是結果是灰色地圖。

而且我的代碼是：

<script type="text/javascript"> 
var map; 
var latLng; 
function initialize() { 

    var mapOptions = { 
     //center: latLng, 
     zoom: 8, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 

    var markers = []; 

    @foreach (var item in Model) 
{ 
     @:markers.push("@item.map") 
     // item.map content coming like this : 41.079120183660486,28.994637246032653 
} 
    for (var i = 0; i < markers.length; i++) { 

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

    //google.maps.event.addListener(map, 'click', function (event) { 
    // //map.setZoom(9); 
    // map.setCenter(marker.getPosition()); 
    // //placeMarker(event.latLng); 
    //}); 

} 

google.maps.event.addDomListener(window, 'load', initialize);

我不能添加標記。我想失去很多東西？我真的需要你的意見。謝謝

來源

2013-01-24 mrgoodcat

你在哪裏初始化latlng變量在上面的代碼？另外，我在代碼 – Cdeez

中看到了很多錯誤，對不起，我補充說錯過了。 << latLng = new google.maps.LatLng（markers [i]）; >>在for循環中的var標記之前 – mrgoodcat

您是否在同一位置添加了多個標記？ – Emmster

根據你的代碼，它看起來像你正在添加標記到相同的經緯度。下面的代碼在循環中添加了一些標記。

<script> 
    var map; 
    var center = new google.maps.LatLng(39.715, -84.103); 

    $(document).ready(initialize); 

    function initialize() { 
     // Create map 
     var mapOptions = { 
      zoom: 10, 
      center: center, 
      panControl: false, 
      zoomControl: true, 
      mapTypeControl: true, 
      scaleControl: true, 
      streetViewControl: true, 
      overviewMapControl: true, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     map = new google.maps.Map($('#map_canvas')[0], mapOptions); 

     for (var ii = 0; ii < 5; ii++) { 
      var lat = center.lat() + (0.1 * ii); 
      var lng = center.lng() + (0.1 * ii); 
      var loc = new google.maps.LatLng(lat, lng); 
      var marker = new google.maps.Marker({ 
       position: loc, 
       map: map 
      }); 
     } 
    } 
</script>

來源

2013-01-24 16:46:45 Emmster

感謝您的幫助 – mrgoodcat

我無法在谷歌地圖API V3

回答

相關問題