百度地图缩放级别与比例尺的关系

简介: 百度地图缩放级别与比例尺的关系

背景

最近做了一个项目,需要用户在缩放百度地图的时候,能根据地图缩放级别以及地图中心坐标,动态更新地图上的标注点(比如根据地图缩放级别以及地图中心坐标动态获取手机屏幕视界范围内的共享单车位置),这时候就需要根据地图中心坐标点以及通过地图缩放级别获取比例尺,来计算手机屏幕视界的经纬度范围,从而获取当前范围内的共享单车位置

百度地图缩放级别与比例尺对应数值

百度地图缩放级别从19~1,共分为19级,级别越大,范围越小:

[19级,18级,17级,16级,15级,14级,13级,12级,11级,10级,9级,8级,7级,6级,5级,4级,3级,2级,1级]

其分别对应的比例尺为:

[1:20米(简称20米,后同),50米,100米,200米,500米,1公里,2公里,5公里,10公里,20公里,25公里,50公里,100公里,200公里,500公里,1000公里,2000公里,5000公里,10000公里]

// 根据地图缩放比例获取当前地图比例尺
    const getMapScale = (zoom: number): number => {
      let scale = 0;
      switch (zoom) {
        case 1:
          scale = 10000000;
          break;
        case 2:
          scale = 5000000;
          break;
        case 3:
          scale = 2000000;
          break;
        case 4:
          scale = 1000000;
          break;
        case 5:
          scale = 500000;
          break;
        case 6:
          scale = 200000;
          break;
        case 7:
          scale = 100000;
          break;
        case 8:
          scale = 50000;
          break;
        case 9:
          scale = 25000;
          break;
        case 10:
          scale = 20000;
          break;
        case 11:
          scale = 10000;
          break;
        case 12:
          scale = 5000;
          break;
        case 13:
          scale = 2000;
          break;
        case 14:
          scale = 1000;
          break;
        case 15:
          scale = 500;
          break;
        case 16:
          scale = 200;
          break;
        case 17:
          scale = 100;
          break;
        case 18:
          scale = 50;
          break;
        case 19:
          scale = 20;
          break;
        default:
          scale = 0;
          break;
      }
      return scale;
    };

地图展示

具体可以参考地图http://api.map.baidu.com/lbsapi/getpoint/index.html,来看看缩放比例与比例尺的关系:


目录
相关文章
|
编解码 定位技术
谷歌地图分辨率表
版权声明:欢迎评论和转载,转载请注明来源。 https://blog.csdn.net/zy332719794/article/details/73949818 ...
3265 0
|
前端开发 API
解决el-table中横向滚动条无法显示的问题
解决el-table中横向滚动条无法显示的问题
4394 0
|
网络协议 前端开发 Java
SpringBoot 整合 WebSocket
WebSocket是基于TCP协议的一种网络协议,它实现了浏览器与服务器全双工通信,支持客户端和服务端之间相互发送信息。在有WebSocket之前,如果服务端数据发生了改变,客户端想知道的话,只能采用定时轮询的方式去服务端获取,这种方式很大程度上增大了服务器端的压力,有了WebSocket之后,如果服务端数据发生改变,可以立即通知客户端,客户端就不用轮询去换取,降低了服务器的压力。目前主流的浏览器都已经支持WebSocket协议了。
SpringBoot 整合 WebSocket
|
10月前
Vite使用svg-企业级开发(支持本地svg和网络svg渲染)
本教程介绍如何在Vite项目中集成SVG图标插件。首先安装`vite-plugin-svg-icons`,配置插件指向SVG图标目录,并注册全局组件。接着创建SVG图标组件,支持内部图标与外部图片展示。通过简单配置,即可在页面中灵活使用各类SVG图标,提升开发效率。
518 0
|
10月前
|
消息中间件 人工智能 运维
Ubuntu环境下的 RabbitMQ 安装与配置详细教程
本文聚焦在Ubuntu下RabbitMQ安装与配置教程,旨在帮助读者快速构建稳定可用的消息队列服务。
1656 6
|
11月前
|
数据采集 监控 数据管理
数据管理最容易混淆的3个概念:元数据、数据元、元模型
本文深入解析数据领域三大核心概念:“元数据”“数据元”“元模型”,从定义、用途到实际应用,清晰区分三者区别。元数据是“数据的说明书”,描述数据来源与使用方式;数据元是“最小数据单元”的标准,确保数据统一与规范;元模型是“模型的设计规则”,指导模型合理构建。三者相辅相成,是数据治理不可或缺的基础。掌握它们,助你提升数据管理效率,避免踩坑。
|
Web App开发 搜索推荐 安全
油猴离线安装文件下载,tampermonkey离线安装包下载
油猴脚本(Tampermonkey)是一款强大的浏览器扩展,允许用户通过自定义脚本增强网页功能。支持广告过滤、网盘直链下载、页面优化等多种用途,适用于Chrome、Firefox等主流浏览器。本文提供离线安装包下载及常用插件清单,助你轻松提升浏览效率与体验。
16252 6
Java 线程同步的四种方式,最全详解,建议收藏!
本文详细解析了Java线程同步的四种方式:synchronized关键字、ReentrantLock、原子变量和ThreadLocal,通过实例代码和对比分析,帮助你深入理解线程同步机制。关注【mikechen的互联网架构】,10年+BAT架构经验倾囊相授。
Java 线程同步的四种方式,最全详解,建议收藏!
|
移动开发 前端开发 Java
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
JavaFX是Java的下一代图形用户界面工具包。JavaFX是一组图形和媒体API,我们可以用它们来创建和部署富客户端应用程序。 JavaFX允许开发人员快速构建丰富的跨平台应用程序,允许开发人员在单个编程接口中组合图形,动画和UI控件。本文详细介绍了JavaFx的常见用法,相信读完本教程你一定有所收获!
16050 5
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
|
存储 SQL NoSQL
mybatis-plus小技能: 分表策略(按年分表和按月分表)
业务场景: 日志、交易流水表或者其他数据量大的表,通过日期进行了水平分表,需要通过日期参数,动态的查询数据。 实现思路:利用MybatisPlus的动态表名插件DynamicTableNameInnerInterceptor ,实现Sql执行时,动态的修改表名。
9943 3
mybatis-plus小技能: 分表策略(按年分表和按月分表)