AdminC
AnNong。
采纳率50%
2020-10-29 10:52

高德地图JS.API中点击搜索结果后添加遮罩时缩放比例失效

代码如下,高德地图搜索后默认会放大至搜索点,但我现在想在获取到的坐标位置添加遮罩所以必须要缩放地图,但设置map.setZoom(10)无效 这是怎么回事?

    AMap.plugin(['AMap.PlaceSearch','AMap.AutoComplete'], function(){
        var auto = new AMap.AutoComplete(autoOptions);
        var placeSearch = new AMap.PlaceSearch({
            map: map
        });  //构造地点查询类
        auto.on("select", select);//注册监听,当选中某条记录时会触发
        function select(e) {
            placeSearch.setCity(e.poi.adcode);
            placeSearch.search(e.poi.name);  //关键字查询查询
            // var pos = [e.poi.location.lng,e.poi.location.lat];
           $("#myPageTop").hide(); //隐藏搜索框
            var circle = new AMap.Circle({
                center: new AMap.LngLat(e.poi.location.lng, e.poi.location.lat), // 圆心位置
                radius: 1000,  //半径
                strokeColor: "#F33",  //线颜色
                strokeOpacity: 1,  //线透明度
                strokeWeight: 3,  //线粗细度
                fillColor: "#ee2200",  //填充颜色
                fillOpacity: 0.35 //填充透明度
            });
            map.add(circle);
            map.setZoom(10)
        }
    });

想要的效果:
图片说明

默认的效果:
图片说明

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

相关推荐