本帖最后由 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 访问，不然会出现奇奇怪怪的问题。
amap.zip
(2.06 MB, 下载次数: 675, 售价: 1 金钱)
替换文件后无需重启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.略微放大了设备图标
| 
[复制链接]
发表于 2019-12-1 16:27:00
楼主