谷歌地图 API 多个标记答案

【问题标题】：Google maps API multiple markers谷歌地图 API 多个标记
【发布时间】：2011-12-25 07:40:05
【问题描述】：

我正在尝试使用以下代码将一些标记推送到谷歌地图中。但这似乎不起作用。地图的中心位置正确，但我可以看到标记。

var points = [<asp:literal runat="server" id="litPoints"/>];

    $(document).ready(function () {
       var mapCenter = new google.maps.LatLng(<asp:literal runat="server" id="litMapCentre"/>);
           var options = {
               zoom:<asp:literal runat="server" id="litZoomLevel"/>, 
                center: mapCenter,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };


        var map = new google.maps.Map($("#monitorMap")[0], options);        
        GetMap(map, points);
    });






    function GetMap(map, mappoints) {       

        var image=new google.maps.MarkerImage('../Images/map/iconr.png',
                    new google.maps.Size(20,32),
                    new google.maps.Point(0,0)); 

        for(var i=1; i < points.length; i++) {
            var m=points[i];

            var mylatlng=new google.maps.LatLng(m[0], m[1]);
            var marker=new google.maps.Marker({
                position: mylatlng,
                map: map,
                icon: image}); 
         }    
}

【问题讨论】：

接受您最近的问题！

标签： google-maps google-maps-markers

【解决方案1】：

把第二个函数改成这样：

function GetMap(map, mappoints) {       

        var image=new google.maps.MarkerImage('../Images/map/iconr.png',
                    new google.maps.Size(20,32),
                    new google.maps.Point(0,0)); 

        for(var i=0; i < mappoints.length; i++) {
            var m=mappoints[i];

            var mylatlng=new google.maps.LatLng(m[0], m[1]);
            var marker=new google.maps.Marker({
                position: mylatlng,
                map: map,
                icon: image}); 
         }

您正在创建一个名为 mappoints 的变量，但随后将其称为点。 javascript 数组也是零索引的，所以如果循环遍历它们，您通常需要从 0 开始，而不是 1。

【讨论】：