当前位置: 首页 > news >正文

mapbox 获取当前比例尺 scale

一、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

相关文章:

  • (学习日记)2024.03.12:UCOSIII第十四节:时基列表
  • Temu,藏在拼多多财报里的中国制造红利
  • 鸿蒙Harmony应用开发—ArkTS-全局UI方法(时间滑动选择器弹窗)
  • 大数据-基础架构设施演进的过程
  • golang实现枚举
  • AWS中所有与数据科学有关的服务一览表(MLS-C01)
  • <爬虫部署,进阶Docker>----第二章 安装Docker
  • 几个不错的 Jupyter Notebook 云端展示平台
  • 基于springboot的牙科就诊管理系统
  • Lua | 一篇文章讲清Lua语法及热更新
  • dfs剪枝
  • Java类的多态作用及解析
  • 【设计模式】第二讲:单例模式
  • NoSQL
  • Vue+SpringBoot打造陕西非物质文化遗产网站
  • python练习3
  • 外包干了5天,技术退步明显。。。。
  • 第五篇:数字视频广告格式概述 - IAB视频广告标准《数字视频和有线电视广告格式指南》
  • 【题目】【网络系统管理】2019年全国职业技能大赛高职组计算机网络应用赛项H卷
  • 二十、软考-系统架构设计师笔记-真题解析-2020年真题
  • 贵州省总工会党组成员、副主席梁伟接受审查调查
  • “浦东时刻”在京展出:沉浸式体验海派风情
  • 马上评丨维护学术诚信别陷入“唯AI检测”误区
  • 国家税务总局泰安市税务局:山东泰山啤酒公司欠税超536万元
  • 人民时评:透过上海车展读懂三组密码
  • 招行:拟出资150亿元全资发起设立金融资产投资公司