在Gmap3中添加多个标记

时间:2014-06-04 09:54:18

标签: jquery google-maps-api-3 plot google-maps-markers

我正在使用Gmap3。我想在地图中绘制多个标记。 这是我的标记数据数组:

dt.push({
        latLng : [ v.vehicleLat, v.vehicleLng ],
                data : data,
                options : {
                    icon : APP_URL_ROOT + 'img/nits_marker/'+ color + '_32.png'
                }
            });

这是我的密码:

$('#' + dMap).gmap3({
    marker : {
        values : data,
        options : {
            draggable : false
        },
        events : {
            click : function(marker, event, context) {
                var map = $(this).gmap3("get");

                if (infoBubble.isOpen()) {
                    infoBubble.close();
                }
                infoBubble.setContent(context.data);
                infoBubble.open(map, marker);
            }
        }
    }
});

此代码运行良好,仅绘制最后一个标记。我找不到问题。是否有人可以建议我这个问题背后的原因是什么?

1 个答案:

答案 0 :(得分:0)

//编辑:不使用gmap,更容易..

您可以轻松创建添加标记的功能:

function drawMarker(coordinates)
    {
        var marker = new google.maps.Marker
        ({
            position: coordinates,
            map: map,
            icon:image,
            title:'any text'
        });
        marker.setMap(map);


      }

这对你有帮助吗?