小编Har*_*ary的帖子

当两个标记彼此靠近时标记标签重叠.如何为谷歌地图标记提供背景颜色?

我正在使用谷歌地图版本3 api和谷歌地图标记.当标记彼此靠近时,标签重叠并且看起来很糟糕.我试图给标记标签提供背景颜色,但谷歌地图标记标签似乎没有背景颜色属性.我尝试使用MarkerWithLabel api但是当我有1000个标记时,渲染速度比google maps deafult Marker Label慢.我把js小提琴包括在内.有人可以帮我这个吗?

https://jsfiddle.net/dcvc99qz/12/

function initMap() {
    var pointA = new google.maps.LatLng(51.2750, 1.0870),
        pointB = new google.maps.LatLng(51.2750, 0.8140),
        myOptions = {
            zoom: 5,
            center: pointA,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        },
        map = new google.maps.Map(document.getElementById('map-canvas'), myOptions),
        markerA = new google.maps.Marker({
            position: pointA,
            title: "point A",
            label: "AA",
            map: map
        }),
        markerB = new google.maps.Marker({
            position: pointB,
            title: "point B",
            label: "BB",
            map: map
        });

}

initMap();
Run Code Online (Sandbox Code Playgroud)

google-maps google-maps-api-3 google-maps-markers

3
推荐指数
1
解决办法
3262
查看次数