【已解决】leaflet比例尺:L.control.scale 单位国际化(m:米、km:公里、ft:英尺、mi:英里)
解决 Control 单位 国际化 Leaflet scale 公里
2023-09-27 14:26:51 时间
文章目录
L.control.scale() 是用来显示比例尺的,具体使用很简单,看文档就好,不多说。。。
这里重点分享一下单位国际化(m:米、km:公里、ft:英尺、mi:英里)
其实 m、km、ft、mi
已经很明确了,但总会有奇怪需求,需要"国际化"。。。
文档并没有相关介绍,只能自己实现了。。。操控dom。。。:
let scale = L.control.scale()
scale.addTo(map)
// 请确保:metric: true(默认)
scale._mScale.innerText = `${scale._mScale.innerText.slice(0, -2)} ${scale._mScale.innerText.slice(-2) ==='km'? '公里': '米'}`
// 请确保:imperial: true(默认)
scale.getContainer().childNodes[1].innerText = `${scale.getContainer().childNodes[1].innerText.slice(0, -2)} ${scale.getContainer().childNodes[1].innerText.slice(-2) ==='mi'? '英里': '英尺'}`
有以下两点需要注意:
- 一定要在addTo(map)之后进行操作
- 反引号内不要换行。。。
over
相关文章
- troubleshoot之:用control+break解决线程死锁问题
- 解决连通性问题的利器:并查集
- 解决sublime package control 出现There are no packages available for installation
- 解决 Pycharm 输出信息中文乱码问题
- git clone 太慢了的解决方法
- [已解决]报错: mac无法访问github
- [已解决]报错: ["Department":"??????????","Addr":"?????????????690???????"]
- django3解决 django.core.exceptions.ImproperlyConfigured: mysqlclient 1.4.0
- koa2 使用 async 、await、promise解决异步的问题
- 多种方式解决Java控制台报错 java.util.LinkedHashMap cannot be cast to.....
- 解决navicat premium圆角半角输入