【更新】侧边栏高德地图插件发布，带实时路况，增加深.....
本帖最后由 dhso 于 2023-1-18 09:21 编辑因为homeassistant自带的地图在国内不友好，搜索了一些发现要么不能用，要么不纯粹，所以不如自己开发一个。
成品截图如下：
深色模式：
浅色模式
使用方式：
[*]将 amap文件夹 放入 home assistant 的 www 文件夹, 不要修改文件夹名称。
[*]配置 configuration.yaml 文件，加入如下配置：
panel_custom:
- name: amap-panel
sidebar_title: 高德地图
sidebar_icon: mdi:map
module_url: /local/amap/amap-panel.js
trust_external_script: true
config:
key: 高德地图Web端key
jscode: 高德地图Web端安全密钥 # 填写使用v2, 不填写使用v1, 自2021年12月02日升级，升级之后所申请的 key 必须配备安全密钥 jscode 一起使用
amap_devices: # 高德坐标系设备
- device_tracker.xxx
baidu_devices: # 百度坐标系设备
- device_tracker.xxx
ignore_devices: # 忽略设备
- device_tracker.xxx
3. 重启 home assistant, enjoy your self!
4. ⚠️ 注意：
- 默认支持的是GPS设备坐标，如果发现自己的坐标是高德或者百度坐标系，请使用 amap_devices, baidu_devices 配置！
- 只显示家庭范围外的设备，需要忽略其他设备请使用 ignore_devices 配置。
5. 请使用 Chrome / Edge / Firefox / Safari / APP 访问，不然会出现奇奇怪怪的问题。
替换文件后无需重启homeassistant，但是需要清除本页缓存，否则不能生效。
可以访问我的Github获取最新文件 https://github.com/dhso/ha-panel-amap-panel,欢迎star！
高德地图key申请 https://lbs.amap.com/dev/key/app ，要申请web端key
日志：
2022-01-16
1.[特性]增加GCJ02坐标的设备配置，防止再次坐标转换（感谢 @yongman）
2.支持高德地图v2, 需要配合安全密钥
3.修复头像显示等若干问题
4.使用Iframe模式加载地图
2020-09-23
1.[特性]适配最新版本的 Home Assistant（yaml配置跟文件放置路径都发生了变化）
2.[特性]增加深色模式（根据设置里面配置的主题自动选择模式）
3.[修复]修复在设备距离比较分散的时候，地图不能选择正确的比例显示所有图标
2019-12-07
1.修复zone图标不居中问题
2.优化设备位置更新算法，设备位置刷新更平滑
2019-12-02
1.修复首次加载白屏
2.修复图标偏移
3.使用通用坐标转换方法，修复坐标不正确的问题
4.略微放大了设备图标
支持本地化哈。 感谢分享！我看你的图片里面是有设备追踪自己试没有呢，我用的gpslogger，0.102.2 按步骤做下来，没替换成功，请问为什么 hugh_jie 发表于 2019-12-1 17:07
感谢分享！我看你的图片里面是有设备追踪自己试没有呢，我用的gpslogger，0.102.2 ...
跟侧边栏map功能一致，只是改成高德地图多加了个实时路况。设备追踪逻辑是 entity_id 以 device_tracker开头的，有经纬度并且不在home的会显示在地图上。如果有 entity_picture 属性，将会显示图片。 a120578270 发表于 2019-12-1 17:21
按步骤做下来，没替换成功，请问为什么
如果显示空白你再刷新一次呢 a120578270 发表于 2019-12-1 17:21
按步骤做下来，没替换成功，请问为什么
建立panels 文件夹，有复数的，然后key要申请好web端的，https://lbs.amap.com/dev/key/app dhso 发表于 2019-12-1 17:26
如果显示空白你再刷新一次呢
没显示高德地图 就还是之前的地图 a120578270 发表于 2019-12-1 17:29
没显示高德地图 就还是之前的地图
麻烦把文件夹panel改成panels，我打错了:( dhso 发表于 2019-12-1 17:33
麻烦把文件夹panel改成panels，我打错了
好像还是不行。。。。