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

 找回密码
 立即注册
查看: 21024|回复: 367

[插件集成] 典心地图(完全实现官方地图,更新至v5.0_230721)

  [复制链接]

3

主题

70

帖子

512

积分

论坛技术达人

积分
512
金钱
432
HASS币
50
发表于 2023-5-29 17:15:08 | 显示全部楼层 |阅读模式
本帖最后由 d380025303 于 2023-7-21 09:57 编辑

基于高德地图API实现的Home Assistant前端卡片  ----

如果喜欢,不妨给个star
可能会有一些bug,使用中有问题请回复,本帖会留存更新日志

更新日志:
  • v1.1_fix
        fix: 修复地图闪烁问题
        fix: 修复事件多次绑定问题
  • v2.0 (必须对应 ha_gaode_server v2.X 版本)
      feat: 增加GPS路径轨迹
      feat: 增加GPS与zone的交互事件
      feat: 重启后位置点不会再被重置
  • v2.1 (必须对应 ha_gaode_server v2.X 版本)
        feat: 增加地图位置搜索功能(高德限制每天只能搜索100次,搜索不了了应该就是被用完了)
        feat: 增加卫星,路网,实时交通图层展示
        feat: 增加点击地图会显示高德坐标功能
  • v3.0 (必须对应 ha_gaode_server v3.X 版本)
        feat: 路径轨迹可以根据时间条件展现了
        feat: 支持可选择哪些device_tracker展示在地图上
        fix: 修复主题原因导致文字消失的问题
  • v4.0 (必须对应 ha_gaode_server v4.X 版本)
        feat: 可以添加/删除zone了!
        feat: 重写地图渲染方式, 减少无用渲染

  • v4.1 (必须对应 ha_gaode_server v4.X 版本)
        fix: 修复路径轨迹不能画出的问题
        feat: 页面上增加版本号
  • v5.0 (必须对应 ha_gaode_server v5.X 版本)

         feat: zone可以设置成多边形了!
         feat: 路径轨迹增加小车车效果
  • v5.1 (必须对应 ha_gaode_server v5.X 版本)
         fix: 修复路径轨迹不能拖动的问题



                               
登录/注册后可看大图


tips1: 需要用单卡片模式, 也就是说仪表盘只能是本卡片, 不然显示效果不全!
tips2 : 本插件不会修改原生的longitude,latitude坐标, 而是新增gcj02_longitude,gcj02_latitude作为高德的坐标值!!! 如果想玩一些花样, 请以此两坐标为准!
tips3: 必须与 此贴 对应的版本一起食用, 会自动将device_tracker.XXX的坐标做高德坐标转换, 以达到与原生地图完全一样的效果!



预览
特性一:添加/修改/删除地点位置,范围
tip: 可直接点击地图修改经纬度

1

1


特性二:GPSLogger实时展示,zone位置展示
2.jpg

特性三:通过GPSLogger上报记录, 绘制路径轨迹

6

6


场景一:如果进入"我的家"范围, 唤起小爱同学播放: "我回来啦"

4

4

5

5


场景二:如果进入"我的家"范围, 打开家里空调一回去就是凉快的呢


更多场景, 欢迎分享,回复~

                               
登录/注册后可看大图


  • HACS 安装
  • HACS > 前端 > 浏览并下载存储库 > 搜索 ```dxgaodemapcard```,点击下载
  • 参见`手动安装`第三步及以后
如果搜索不到, 可手动添加自定义存储库
存储库: https://github.com/d380025303/ha_gaode
类别: Lovelace

  • 手动安装
  • 访问这里下载 `dist\ha_gaode.js` (如果访问不了,在下方下载)
  • 复制到 `\config\www\ha_gaode\ha_gaode.js`
  • 添加资源 `/local/ha_gaode/ha_gaode.js`
  • 添加自定义卡片,使用以下配置:
type: custom:dx-gaode-map-card
center: XXXXXXXXXX
gaode_key: XXXXXXXXXX
gaode_key_security_code: XXXXXXXXXX
tips: 需要注意XXXXXXXXXX前面都得有一个空格, 不然会出现类似下面的错误
can not read a block mapping entry; a multiline key may not be an implicit key (5:1)

选项
tips: 高德Key,安全密钥 请前往https://console.amap.com/dev/key/app 申请
属性名 类型 必填 描述
type string 必选 卡片定义,固定写死 custom:dx-gaode-map-card 即可
gaode_key string 必选 高德key
gaode_key_security_code string 必选 高德安全秘钥
center entity_id 可选 初始化默认中心位置
device_tracker_include list 可选 哪些device_tracker展现在地图上(不配置默认全部)
示例配置:
device_tracker_include:
  - - device_tracker.XXXX



游客,如果您要查看本帖隐藏内容请回复
















评分

参与人数 8金钱 +87 HASS币 +20 收起 理由
flyice + 10 我来瀚思就为看你!
yuyanhui1988 + 5 厉害了word楼主!
llgxdnn + 5 论坛有你更精彩!
jjcs + 12 在下对你的景仰犹如滔滔长江之水,连绵不绝.
25989406 + 20 厉害了word楼主!
gw886 + 5
jpcugv + 10 厉害了word楼主!
+ 20 + 20 高手,这是高手!

查看全部评分

回复

使用道具 举报

0

主题

210

帖子

2177

积分

金牌会员

Rank: 6Rank: 6

积分
2177
金钱
1967
HASS币
0
发表于 2023-5-29 17:40:38 | 显示全部楼层
这个好,赞一个
回复

使用道具 举报

0

主题

51

帖子

605

积分

高级会员

Rank: 4

积分
605
金钱
554
HASS币
0
发表于 2023-5-29 18:09:53 | 显示全部楼层
谢谢分享     
回复

使用道具 举报

1

主题

89

帖子

475

积分

中级会员

Rank: 3Rank: 3

积分
475
金钱
386
HASS币
0
发表于 2023-5-29 20:44:53 | 显示全部楼层
fbfgnfhmmh
回复

使用道具 举报

1

主题

89

帖子

475

积分

中级会员

Rank: 3Rank: 3

积分
475
金钱
386
HASS币
0
发表于 2023-5-29 21:18:16 | 显示全部楼层
添加资源 `/loca/ha_gaode/ha_gaode.js`这一步怎么操作呢哪里进入
回复

使用道具 举报

0

主题

11

帖子

124

积分

注册会员

Rank: 2

积分
124
金钱
113
HASS币
0
发表于 2023-5-29 21:28:28 | 显示全部楼层
感谢分享
回复

使用道具 举报

3

主题

70

帖子

512

积分

论坛技术达人

积分
512
金钱
432
HASS币
50
 楼主| 发表于 2023-5-29 21:52:56 | 显示全部楼层
fengdeli 发表于 2023-5-29 21:18
添加资源 `/loca/ha_gaode/ha_gaode.js`这一步怎么操作呢哪里进入

Home Assistant 右上角 -> 编辑仪表盘
然后再次右上角 -> 管理资源
回复

使用道具 举报

0

主题

26

帖子

351

积分

中级会员

Rank: 3Rank: 3

积分
351
金钱
325
HASS币
0
发表于 2023-5-29 23:48:25 | 显示全部楼层
大佬牛逼
回复

使用道具 举报

1

主题

89

帖子

475

积分

中级会员

Rank: 3Rank: 3

积分
475
金钱
386
HASS币
0
发表于 2023-5-30 08:00:28 | 显示全部楼层
d380025303 发表于 2023-5-29 21:52
Home Assistant 右上角 -> 编辑仪表盘
然后再次右上角 -> 管理资源

谢谢大佬
回复

使用道具 举报

1

主题

89

帖子

475

积分

中级会员

Rank: 3Rank: 3

积分
475
金钱
386
HASS币
0
发表于 2023-5-30 08:51:58 | 显示全部楼层
添加这个后:[color=var(--color-prettylights-syntax-entity-tag)][backcolor=var(--color-canvas-subtle)]type[backcolor=var(--color-canvas-subtle)]: [color=var(--color-prettylights-syntax-string)][backcolor=var(--color-canvas-subtle)]custom:dx-gaode-map-card[color=var(--color-prettylights-syntax-entity-tag)]center: [color=var(--color-prettylights-syntax-entity-tag)]gaode_key: [color=var(--color-prettylights-syntax-entity-tag)]gaode_key_security_code: 显示检测到配置错误:
  • can not read a block mapping entry; a multiline key may not be an implicit key (5:1) 2 | center:  3 | gaode_key: 117f86eaf64370ab6af0f ... 4 | gaode_key_security_code:6916ab28 ... 5 |


添加这个后type: custom:dx-gaode-map-card center: gaode_key: gaode_key_security_code:

添加这个后type: custom:dx-gaode-map-card center:  gaode_key:  gaode_key_security_code:
回复

使用道具 举报

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

本版积分规则

Archiver|手机版|小黑屋|Hassbian

GMT+8, 2024-4-26 22:58 , Processed in 0.065523 second(s), 36 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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