『瀚思彼岸』» 智能家居技术论坛

 找回密码
 立即注册
查看: 252996|回复: 173

[插件集成] 【更新】侧边栏高德地图插件发布,带实时路况,增加深.....

  [复制链接]

2

主题

46

帖子

863

积分

论坛技术达人

积分
863
金钱
807
HASS币
20
发表于 2019-12-1 16:27:00 | 显示全部楼层 |阅读模式
本帖最后由 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, 下载次数: 682, 售价: 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.略微放大了设备图标











评分

参与人数 5金钱 +26 收起 理由
lf8013 + 2 感谢楼主分享!
summ99111 + 1 感谢楼主分享!
gw886 + 2
s1711880582 + 1 谢谢楼主的开发!!添加上了
+ 20 厉害了word楼主!

查看全部评分

回复

使用道具 举报

19

主题

707

帖子

4054

积分

元老级技术达人

积分
4054
金钱
3337
HASS币
60
发表于 2019-12-1 16:43:03 | 显示全部楼层
支持本地化哈。
回复

使用道具 举报

17

主题

357

帖子

2088

积分

论坛DIY达人

积分
2088
金钱
1721
HASS币
40
发表于 2019-12-1 17:07:46 | 显示全部楼层
感谢分享!我看你的图片里面是有设备追踪自己试没有呢,我用的gpslogger,0.102.2
回复

使用道具 举报

0

主题

102

帖子

1085

积分

金牌会员

Rank: 6Rank: 6

积分
1085
金钱
983
HASS币
0
发表于 2019-12-1 17:21:24 | 显示全部楼层
按步骤做下来,没替换成功,请问为什么
回复

使用道具 举报

2

主题

46

帖子

863

积分

论坛技术达人

积分
863
金钱
807
HASS币
20
 楼主| 发表于 2019-12-1 17:22:05 | 显示全部楼层
hugh_jie 发表于 2019-12-1 17:07
感谢分享!我看你的图片里面是有设备追踪自己试没有呢,我用的gpslogger,0.102.2 ...

跟侧边栏map功能一致,只是改成高德地图多加了个实时路况。设备追踪逻辑是 entity_id 以 device_tracker开头的,有经纬度并且不在home的会显示在地图上。如果有 entity_picture 属性,将会显示图片。
回复

使用道具 举报

2

主题

46

帖子

863

积分

论坛技术达人

积分
863
金钱
807
HASS币
20
 楼主| 发表于 2019-12-1 17:26:42 | 显示全部楼层
a120578270 发表于 2019-12-1 17:21
按步骤做下来,没替换成功,请问为什么

如果显示空白你再刷新一次呢
回复

使用道具 举报

2

主题

46

帖子

863

积分

论坛技术达人

积分
863
金钱
807
HASS币
20
 楼主| 发表于 2019-12-1 17:29:04 | 显示全部楼层
a120578270 发表于 2019-12-1 17:21
按步骤做下来,没替换成功,请问为什么

建立panels 文件夹,有复数的,然后key要申请好web端的,https://lbs.amap.com/dev/key/app
回复

使用道具 举报

0

主题

102

帖子

1085

积分

金牌会员

Rank: 6Rank: 6

积分
1085
金钱
983
HASS币
0
发表于 2019-12-1 17:29:05 | 显示全部楼层
dhso 发表于 2019-12-1 17:26
如果显示空白你再刷新一次呢

没显示高德地图 就还是之前的地图
回复

使用道具 举报

2

主题

46

帖子

863

积分

论坛技术达人

积分
863
金钱
807
HASS币
20
 楼主| 发表于 2019-12-1 17:33:12 | 显示全部楼层
a120578270 发表于 2019-12-1 17:29
没显示高德地图 就还是之前的地图

麻烦把文件夹panel改成panels,我打错了
回复

使用道具 举报

0

主题

102

帖子

1085

积分

金牌会员

Rank: 6Rank: 6

积分
1085
金钱
983
HASS币
0
发表于 2019-12-1 17:39:22 | 显示全部楼层
dhso 发表于 2019-12-1 17:33
麻烦把文件夹panel改成panels,我打错了

好像还是不行。。。。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-12-23 14:11 , Processed in 0.096547 second(s), 36 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表