Google Maps API V3 - 需要多个标记的帮助答案

【问题标题】：Google Maps API V3 - need help with multiple markersGoogle Maps API V3 - 需要多个标记的帮助
【发布时间】：2010-06-23 21:21:58
【问题描述】：

我是谷歌地图的新手，所以请耐心等待！

在我尝试添加多个标记之前，我的代码运行良好，如果有人能看一下它并看看我是否遗漏了什么，我将不胜感激......

$(function() {

    var map_markers = [ [ [52.951946], [1.018124] ], [ [52.955311], [0.987997] ] ]; 

    var options = {
        zoom: 13,
        center: latlng,
        mapTypeControl: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };          
    var map = new google.maps.Map(document.getElementById('map_canvas'), options);


    //markers               
    for (var i = 0; i < map_markers.length; i++) {
        var m =         map_markers[i];
        var myLatLng =  new google.maps.LatLng(m[0], m[1]);
        var marker =    new google.maps.Marker({
            position: myLatLng,
            map: map

        });
    }
})

【问题讨论】：

标签： javascript google-maps google-maps-api-3

【解决方案1】：

您的问题是您如何初始化 map_markers 数组。您可能应该执行以下操作：

var map_markers = [[52.951946, 1.018124], [52.955311, 0.987997]];

否则，您的map_markers 将不得不按如下方式引用它：

var m =         map_markers[i];
var myLatLng =  new google.maps.LatLng(m[0][0], m[0][1]);

让我们分解您的 map_markers 数组以帮助您理解问题：

var map_markers = [ [ [52.951946], [1.018124] ], [ [52.955311], [0.987997] ] ];

console.log(map_markers[0]);
//  [[52.951946], [1.018124]]   

Object.prototype.toString.call(map_markers[0]);
// "[object Array]"

console.log(map_markers[0][0]);
//  [52.951946]                  

Object.prototype.toString.call(map_markers[0][0]);
// "[object Array]"

console.log(map_markers[0][0][0]);
//  52.951946                    

Object.prototype.toString.call(map_markers[0][0][0]);
// "[object Number]"

因此，您遇到的问题归结为您传递给google.maps.LatLng() 构造函数的参数是Array 而不是Number。

【讨论】：