示例中心
功能在线体验
控制台

高德 开发 数据可视化 JS API 教程 基础教程 长度单位与自适应

更新时间:2018年03月23日

1. 更换长度单位

在前面例子中 radius 的单位默认是像素,实际场景中,经常会需要绘制以米为单位的图形。例如某个社区服务站可以覆盖的方圆 1公里 内的小区,这时候需要使用以米为单位的长度进行标识。

属性 unit 可以指定单位,默认为像素 px,支持米 meter

layer.setOptions({
    // ... 省略
    unit: 'meter' // 默认px,可不填
});

当然只有 radiussize 属性支持单位,使用线类型时,线段长度就是实际距离,因此不存在像素单位。


2. 设置缩放和中心自适应

有时候地图上可视化元素较多,我们需要地图调整合适的缩放等级和中心点,以保证所有元素都显示其中时,我们可以调用 setFitView() 方法,以实现该效果。

layer.setFitView();

除了使用方法调用外,如果希望绘制图形后默认进行自适应的调整,开启 fitView 属性即可(默认关闭)。

var layer = Loca.visualLayer({
    // ...
    fitView: true
});

这样在每次触发绘制逻辑后,都会自动调整地图底图了。


示例中心 功能
在线体验
常见问题