javascript - 尝试在 Google Map V3 中绘制超过 10 个标记,而不使用地理编码

标签 javascript google-maps-api-3

我试图使用谷歌地图 V3 绘制超过 10 个标记,但它停在 10 个处。我没有对标记进行地理编码,我已经有了纬度/经度。有谁知道为什么我会遇到这个问题?下面是我正在使用的代码,这没什么疯狂的。

var map = null;
var infowindow = null;
$(document).ready(function () {
    var venueLatLng = new google.maps.LatLng($('#hdnVenueLat').val(), $('#hdnVenueLng').val());
    var options = {
        center: venueLatLng,
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), options);
    var marker = new google.maps.Marker({
        position: venueLatLng,
        map: map,
        title: $("#hdnVenueName").val()
    });
    drawPoints();
    infowindow = new google.maps.InfoWindow();
    $('.listing').click(function () {
        drawInfoWindow(markers[$(this).data('id')])
    })
})

function drawPoints() {
    var center = new google.maps.LatLng($('#hdnVenueLat').val(), $('#hdnVenueLng').val());
    var bounds = new google.maps.LatLngBounds();
    $('.listing').each(function (index) {
        var lat = $(this).data('lat').toString();
        var lng = $(this).data('lng').toString();
        var latLng = new google.maps.LatLng(lat, lng);
        var id = $(this).data('id').toString();
        var marker = new google.maps.Marker(
            {
                id: id,
                position: latLng,
                icon: new google.maps.MarkerImage('/images/map-sprites.png', new google.maps.Size(26, 33), getImagePos(index)),
                //shadow: new google.maps.MarkerImage('/images/map-sprites.png', new google.maps.Size(36, 24), new google.maps.Point(35, 345), new google.maps.Point(4, 15)),
                map: map,
                title: $(this).data('name')
            }
         );
        google.maps.event.addListener(marker, 'click', function () {
            drawInfoWindow(marker);
        });
        markers[id] = marker;
        bounds.extend(new google.maps.LatLng(lat, lng));
    })
    map.fitBounds(bounds);
}

最佳答案

kaliatech - 你说得对。 Google 将自定义图标的数量限制在 map 上同时显示 10 个,这非常贴心。感谢您的帮助。

关于javascript - 尝试在 Google Map V3 中绘制超过 10 个标记,而不使用地理编码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11533589/

相关文章:

javascript - $addToSet 到一个数组,但它给了我 null

javascript - Google map v3 - 标记不显示

使用外部脚本时出现 JavaScript 语法错误

google-maps-api-3 - Google Maps JS API v3 标记颜色

javascript - 如何使用地点网址创建谷歌地图标记

javascript - FOR 运行 JS 时进度条不更新

javascript - 单击按钮后尝试删除输入并了解为什么在控制台中数组未更新

google-maps-api-3 - 如何在 AngularJS 中异步加载谷歌地图?

PHP 服务器端 Google Map API v3 集成

javascript - 为谷歌地图预加载标记图像