Javascript

vue项目中高德地图如何隐藏视野范围控制器

本文主要是介绍vue项目中高德地图如何隐藏视野范围控制器,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

如图,目标需求是隐藏下图圈起来的部分:

原始代码:

var geolocation = new AMap.Geolocation({
    // 是否使用高精度定位,默认:true
    enableHighAccuracy: true,
    // 设置定位超时时间,默认:无穷大
    timeout: 10000,
    // 定位按钮的停靠位置的偏移量,默认:Pixel(10, 20)
    buttonOffset: new AMap.Pixel(10, 20),
    // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
    zoomToAccuracy: true,
    // 定位按钮的排放位置, RB表示右下
    buttonPosition: 'RB'
});

将zoomToAccuracy属性改成false即可:

zoomToAccuracy: false

 

 

这篇关于vue项目中高德地图如何隐藏视野范围控制器的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!