带有多个标记和标签的jquery.ui.maps

时间:2014-10-14 22:09:35

标签: javascript jquery google-maps google-maps-api-3

我正在使用jquery.ui.maps,我正在填充json中的标记。使用下面的代码,我会看到标记所在的标签,但我只在页面上看到一个标记。如果我评论'marker': MarkerWithLabel,那么我会看到所有标记,但没有标签。如何查看标签和标记需要做什么?

$.each( result, function(i,marker) {
    $('#map_canvas').gmap('addMarker', { 
        'id': i,
        'bounds': true,
        'marker': MarkerWithLabel,
        'labelContent': '<a class="hint--top hint--always" data-hint="'+this.price+'">'+this.price+'</a>',
        'labelAnchor': new google.maps.Point(6, 10),
        'labelClass': "labels",
        'labelStyle': {opacity: 0.75},
        'labelInBackground': false,
        'position': new google.maps.LatLng(marker.latitude, marker.longitude)
    }).click(function() {
        $('#map_canvas').gmap('openInfoWindow', { 'content': marker.street_address_full }, this);
    });
});

1 个答案:

答案 0 :(得分:0)

谢谢geocodezip!问题是我使用的是旧版MarkerWithLabel。 issue with MarkerWithLabel