mapbox 获取当前比例尺 scale

AllBlue

已于 2024-03-19 09:08:36 修改

阅读量673

点赞数 3

分类专栏： GIS mapbox 文章标签： mapboxgl

于 2024-03-19 09:07:32 首次发布

本文链接：https://blog.csdn.net/AllBluefm/article/details/136816249

版权

GIS 同时被 2 个专栏收录

56 篇文章 2 订阅

订阅专栏

mapbox

10 篇文章 0 订阅

订阅专栏

本文介绍了如何在Mapbox地图中添加比例尺控件，包括使用`mapboxgl.ScaleControl`，以及如何计算并调整比例尺大小。同时提到了修改比例尺控件样式的方法和关键源码位置。

摘要由CSDN通过智能技术生成

一、mapbox中提供了比例尺控件，在创建地图后可使用此方式显示比例尺控件

map.addControl(new mapboxgl.ScaleControl(), 'bottom-left')

可通过修改css改变自带比例尺样式

二、计算得出当前scale，具体代码可在mapbox源码中查看，此处仅以单位Meters为例

let maxWidth = 100; // mapbox源码中默认值为100
let y = map._containerHeight / 2;
let x = map._containerWidth / 2 - maxWidth / 2;
let left = map.unproject([x, y]);
let right = map.unproject([x + maxWidth, y]);
let scale = Math.floor(left.distanceTo(right));

源码位置于： src/ui/control/scale_control.js