2013-01-24 85 views
0

喜添加多个标记,我无法在谷歌地图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); 

我不能添加标记。我想失去很多东西?我真的需要你的意见。谢谢

+0

你在哪里初始化latlng变量在上面的代码?另外,我在代码 – Cdeez

+0

中看到了很多错误,对不起,我补充说错过了。 << latLng = new google.maps.LatLng(markers [i]); >>在for循环中的var标记之前 – mrgoodcat

+0

您是否在同一位置添加了多个标记? – Emmster

回答

0

根据你的代码,它看起来像你正在添加标记到相同的经纬度。下面的代码在循环中添加了一些标记。

<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> 
+0

感谢您的帮助 – mrgoodcat