shanjin3953
坏人未变坏
采纳率46.2%
2018-03-29 08:14

百度地图添加了一些标注点,但是拖动或缩放地图,标注点就消失了?

20
 var data = {
            query: '商圈',
            page_size: 20,
            radius: '2000',
            output: 'json',
            ak: 'av0gRXBETn44ByDpMgYhj95P9nACGns9'
        };

        var map = new BMap.Map("container");
        map.enableScrollWheelZoom(true);

        var top_right_navigation = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL})
        map.addControl(top_right_navigation);

        // 定位对象
        var geoc = new BMap.Geocoder();
        var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function(r){
            if(this.getStatus() == BMAP_STATUS_SUCCESS){
                data.location = r.point.lat.toFixed(3)+','+r.point.lng.toFixed(3);
                var point = new BMap.Point(r.point.lng.toFixed(3), r.point.lat.toFixed(3));
                map.centerAndZoom(point, 15);

                $.ajax({
                    url: "http://api.map.baidu.com/place/v2/search",
                    data: data,
                    type: "GET",
                    dataType: "jsonp",
                    success: function (data) {
                        var result  = data.results;
                        addMarker(result)
                    }
                });
                // 编写自定义函数,创建标注
                function addMarker(result){
                    var itmes;
                    var data = result;
                    var point = {};
                    for(var i=0;i<data.length;i++) {
                        itmes = result[i];
                        point['lng'] = itmes.location.lng;
                        point['lat'] = itmes.location.lat;
                        var marker = new BMap.Marker(point);
                        map.addOverlay(marker);
                    }
                }
            }else {
                alert('无法定位到您的当前位置,导航失败,请手动输入您的当前位置!'+this.getStatus());
            }
        },{enableHighAccuracy: true});

图片说明

缩放后:

图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

5条回答

  • jnagri jnagri 3年前

    将倒数第8行改为var marker = new BMap.Marker(itmes.location);就行了。

    点赞 评论 复制链接分享
  • shanjin3953 坏人未变坏 3年前
    点赞 评论 复制链接分享
  • zhuoganliwanjin 攻城狮Lee丶 3年前
    var scrollFunc = function(){
        map.clearOverlays(); //先清除所有覆盖物        
        /*
         * 重新添加标注代码
         * */
    }
    if(document.addEventListener){
        document.addEventListener('DOMMouseScroll',scrollFunc,false);
    }//W3C
    window.onmousewheel=document.onmousewheel=scrollFunc;//监听地图缩放事件
    
    
    
    点赞 评论 复制链接分享
  • weixin_41632577 weixin_41632577 3年前

    可以尝试一下先固定地图比例尺

    点赞 评论 复制链接分享
  • qq_32343339 qq_32343339 3年前

    因为太大了,插件的关系

    点赞 1 评论 复制链接分享