GCJ-02
高德地图、腾讯地图以及谷歌中国区地图使用的是GCJ-02坐标系
BD-09
百度地图使用的是BD-09坐标系
WGS-84
底层接口 (HTML5 Geolocation或ios、安卓API)通过GPS设备获取的坐标使用的是WGS-84坐标系
坐标
是在坐标系上的位置点，一般用经纬度表示：
longitude
经度
latitude
纬度
可以搜索
经纬度查询定位
查询地址的经纬度。
二、地图部件
像往常一样，我们先找到地图部件包：
ThingsBoard提供的地图控件比较丰富，我们先选个鹅厂的
腾讯地图
：
选择实体做数据源：
好了，看看图？
修改Marker图标
这个
路灯
几乎看不见啊，亲先别差评，看我来改一改，加上个Marker图标：
现在看一看，
不好看没关系，我们可以换自己的图：
找图标，认准
iconfont 阿里巴巴矢量图标库
既然有了Marker，少不得要点一下，等等这个是啥？
进入修改模式，看看设置，
<div style='font-size: 13px;'>
<b>${entityName}</b><br /><br />
<b>Latitude:</b> ${latitude:7}<br />
<b>Longitude:</b> ${longitude:7}<br />
<b>Temperature:</b> ${temperature} °C<br />
<small>See advanced settings for details</small>
原来是默认设置，修改成：
<div style='font-size: 13px;'>
<b>${entityName}</b><br />
<b>纬度:</b> ${latitude:7}<br />
<b>经度:</b> ${longitude:7}<br />
<b>电量:</b> ${battery} %<br />
如果样式还不符合你的审美，请Web前端修改就好。
只要前端用html/css/js可以实现的，在这里都可以通过自定义的方式做到，发挥想象力~
详情页当然不止这些内容，这里建议大家好好学习一下部件库，相信你很快就会有适合自己项目的炫酷详情页~
三、下一步
大家应该发现这个问题了：
一个设备我写一个详情页，10个设备写10个？这个不能通用么？
当然不是这样，ThingsBoard的操作太魔幻，下节课我们就直接放个大招解决这个问题~
本文来自博客园，作者：East196，转载请注明原文链接：https://www.cnblogs.com/east196/p/15674174.html
