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

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

背景

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

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

百度地图缩放级别从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,来看看缩放比例与比例尺的关系:


目录
相关文章
|
定位技术 开发工具 Android开发
Android百度地图SDK:隐藏比例尺,隐藏百度LOGO,隐藏缩放控件
 Android百度地图SDK:隐藏(不显示)比例尺,隐藏(不显示)百度LOGO,隐藏(不显示)缩放控件 在自己的Android应用开发中使用百度地图SDK,百度会自动在MapView上添加百度的LOGO,缩放控制...
1527 0
|
4天前
|
存储 Kubernetes 容器
百度搜索:蓝易云【Kubernetes使用helm部署NFS Provisioner】
现在,你已经成功使用Helm部署了NFS Provisioner,并且可以在Kubernetes中创建使用NFS存储的PersistentVolumeClaim。
50 10
|
4天前
百度搜索:蓝易云【什么是HTTP长轮询?】
现在,HTTP长轮询逐渐被WebSocket等更高效的实时通信技术所替代,但了解HTTP长轮询仍然有助于理解实时数据推送的基本原理。
88 9
|
4天前
|
移动开发 Shell Linux
百度搜索:蓝易云【Shell错误:/bin/bash^M: bad interpreter: No such file or directory】
将 `your_script.sh`替换为你的脚本文件名。运行此命令后,脚本文件的换行符将被转换为Linux格式,然后就可以在Linux系统上正常执行脚本了。
39 8
|
4天前
百度搜索:蓝易云【ipmitool配置BMC的ip】
以上操作将配置BMC的IP地址为新的值。请注意,操作BMC需要谨慎,确保你对服务器有足够的权限,并且仔细检查新的IP地址、子网掩码和默认网关,以免导致服务器网络失联。
37 7
|
4天前
|
缓存 网络协议 Linux
百度搜索:蓝易云【解决github push/pull报错443】
通过以上方法,你有望解决GitHub push/pull报错443的问题。如果问题仍然存在,建议检查GitHub的状态页面,看是否有正在维护或故障的情况。
83 3
|
4天前
|
Kubernetes 应用服务中间件 nginx
百度搜索:蓝易云【使用Kubernetes部署Nginx应用教程】
现在,你已经成功在Kubernetes集群上部署了Nginx应用。通过访问Service的外部IP地址,你可以访问Nginx服务。
46 4
|
4天前
|
Linux Perl
百度搜索:蓝易云【Linux常用命令awk】
以上仅是awk命令的一些常见用法,它还有许多更复杂的功能和用法,可以根据需要灵活运用。awk在文本处理和数据分析中非常实用,是Linux系统中的一把利器。
26 2
|
4天前
|
编解码 应用服务中间件 nginx
百度搜索:蓝易云【基于Nginx与Nginx-rtmp-module实现】
综上所述,基于Nginx与Nginx-rtmp-module的组合,可以搭建一个功能强大的流媒体服务器,用于实现直播和点播服务。
47 1
|
4天前
|
Linux
百度搜索:蓝易云【Linux系统ps命令:查看正在运行的进程】
通过这些简洁的ps命令用法,你可以方便地查看Linux系统中正在运行的进程信息。
39 1