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

标题: 高德地图的Lovelace卡片插件修改 [打印本页]

作者: jsfer888 时间: 2022-10-26 17:31
标题: 高德地图的Lovelace卡片插件修改
本帖最后由 jsfer888 于 2022-11-1 16:42 编辑

坛子里面@fineemb 大佬的高德地图的Lovelace卡片，安装以后地图不能加载，显示空白也不能显示实体，看到了Issues里面CloneWolf-Jiang大佬给出了解决方法，这里搬运一下，再次感谢大佬。

具体方法是：
①在js文件第4行添加

window._AMapSecurityConfig = { securityJsCode:'您申请的安全密钥', }

复制代码

②修改js文件第268-270行修改成：

if (result.info === 'ok') { that._showMarker(result.locations[0],entity,color,type); } else { console.info("%c 地图加载异常:%o", "color: white; font-weight: bold; background: dimgray",result); }

复制代码

记得要去高德申请Web端(JS API)，会得到一个key，一个密钥，添加卡片的时候在卡片配置上填写key，密钥填在上面第一步的代码里面

[attach]42583[/attach]

卡片代码参考：

aspect_ratio: '1'
dark_mode: normal
entities:
- entity: device_tracker.zeeker
type: gaode
hours_to_show: '18'
key: xxxxxxxxxxxxxxxxxxxxxxxxxxx
traffic: false
type: custom:gaode-map-card

复制代码

JS文件记得打开修改第4行为自己申请的密钥
[attach]42761[/attach]

作者: 新生活 时间: 2022-10-26 20:11
谢谢分享，学习，mark

作者: yunliang029 时间: 2022-10-26 20:21
能解决实人员跟踪吗

作者: wangmucha 时间: 2022-10-27 15:13
教程写的不够规整啊 268-270这个怎么复杂进去感觉格式布局不对啊楼主把改好后这个位置截图下吗

作者: wangmucha 时间: 2022-10-27 15:34
调试半天没调试出来楼主请截图修改的js两个位置的修改后的截图给我参考下吧代码格式应该就是哪里不对

作者: hamtalk 时间: 2022-10-27 22:58
谢谢分享，学习，mark

作者: jsfer888 时间: 2022-10-28 09:19
本帖最后由 jsfer888 于 2022-10-28 10:49 编辑

wangmucha 发表于 2022-10-27 15:34
调试半天没调试出来楼主请截图修改的js两个位置的修改后的截图给我参考下吧代码格式应该就是哪里不对 ...

[attach]42624[/attach]

再试试看哈

作者: wangmucha 时间: 2022-10-28 09:34

jsfer888 发表于 2022-10-28 09:19
再试试看哈

你这里没有任何修改啊？？是不是你发错了？你再看下

作者: 燚燚 时间: 2022-10-28 09:45

我的设置完之后刷新，只闪一下就出这个错误，这是为什么呢？

作者: 小火龙 时间: 2022-10-28 09:53
还是没什么用，即使按照楼主的教程修改了，显示不了历史轨迹什么的

作者: 小火龙 时间: 2022-10-28 09:54

小火龙发表于 2022-10-28 09:53
还是没什么用，即使按照楼主的教程修改了，显示不了历史轨迹什么的

不过还是非常感谢分享的，

作者: jsfer888 时间: 2022-10-28 10:18

燚燚发表于 2022-10-28 09:45
我的设置完之后刷新，只闪一下就出这个错误，这是为什么呢？

卡片里设置选一下白天模式或者夜晚模式，不要选择跟随系统

作者: wangmucha 时间: 2022-10-28 16:03

燚燚发表于 2022-10-28 09:45
我的设置完之后刷新，只闪一下就出这个错误，这是为什么呢？

跟你一样问题

作者: jsfer888 时间: 2022-10-28 16:29

wangmucha 发表于 2022-10-28 16:03
跟你一样问题

选白天模式或者夜晚模式

作者: wangmucha 时间: 2022-10-28 16:53

jsfer888 发表于 2022-10-28 16:29
选白天模式或者夜晚模式

选了，可以显示地图，不过卡片没有以前的可以选择显示实体定位的选项了？

作者: wangmucha 时间: 2022-10-28 16:55

jsfer888 发表于 2022-10-28 16:29
选白天模式或者夜晚模式

然后468-470修改后的截图谁发下，到底是怎么改才是对的，然后这个也没见有人修复成功啊？这个方法确认过有效吗

作者: jsfer888 时间: 2022-10-28 17:04
本帖最后由 jsfer888 于 2022-10-28 17:13 编辑

wangmucha 发表于 2022-10-28 16:53
选了，可以显示地图，不过卡片没有以前的可以选择显示实体定位的选项了？ ...

因为作者好久没更新了，可能有一些功能有一些影响，如果不能选择实体了，可以尝试在yaml模式下手动写一下,最好还是希望作者能够更新一下，应该好多人需要这个

[attach]42629[/attach][attach]42630[/attach]

aspect_ratio: '1'
dark_mode: normal
entities:
- entity: device_tracker.zeeker
type: gaode
hours_to_show: '18'
key: xxxxxxxxxxxxxxxxxxxxxxxxxxx
traffic: false
type: custom:gaode-map-card

复制代码

作者: wangmucha 时间: 2022-10-28 20:06

jsfer888 发表于 2022-10-28 17:04
因为作者好久没更新了，可能有一些功能有一些影响，如果不能选择实体了，可以尝试在yaml模式下手动写一下, ...

谢谢~可以了，我根据我自己改的现在可以用了，卡片代码用楼上这个大佬的， js文件2个地方设置截图看我的截图另外注意主题不要选跟随主题换另外2个主题否则卡片不显示

然后手机如果不显示地图可能需要清除下app缓存

作者: wangmucha 时间: 2022-10-28 20:37

jsfer888 发表于 2022-10-28 17:04
因为作者好久没更新了，可能有一些功能有一些影响，如果不能选择实体了，可以尝试在yaml模式下手动写一下, ...

话说，高德这个定位不准，你有啥办法偏正吗

作者: 燚燚 时间: 2022-10-28 21:59

jsfer888 发表于 2022-10-28 10:18
卡片里设置选一下白天模式或者夜晚模式，不要选择跟随系统

设置一下白天模式，问题已经解决了，感谢

作者: 雨落倾城 时间: 2022-10-30 09:17
多谢分享

作者: 27635155 时间: 2022-10-30 10:22
谢谢，做个标记先！

作者: arthurfsy 时间: 2022-11-1 16:38
根据7楼文件和17楼卡片代码设置成功

作者: goldstep 时间: 2022-11-2 16:22
本帖最后由 goldstep 于 2022-11-2 16:39 编辑

显示不出来,请大佬帮忙看一下是哪儿的问题
[attach]42812[/attach]

作者: jsfer888 时间: 2022-11-2 17:00

goldstep 发表于 2022-11-2 16:22
显示不出来,请大佬帮忙看一下是哪儿的问题

应该是js没有能够加载出来，插件安装正确了吗？安装好了以后刷新一下浏览器

作者: goldstep 时间: 2022-11-2 18:00

jsfer888 发表于 2022-11-2 17:00
应该是js没有能够加载出来，插件安装正确了吗？安装好了以后刷新一下浏览器 ...

刷新了没用，

作者: jsfer888 时间: 2022-11-2 18:34

goldstep 发表于 2022-11-2 18:00
刷新了没用，

你是怎么安装插件的？记得要在仪表台引用哦

作者: goldstep 时间: 2022-11-2 19:11

jsfer888 发表于 2022-11-2 18:34
你是怎么安装插件的？记得要在仪表台引用哦

是这样引用的吧

[attach]42815[/attach]

[attach]42816[/attach]
[attach]42817[/attach]

作者: cw4774 时间: 2022-11-3 20:20
高德这个定位不准，你有啥办法偏正吗

作者: jsfer888 时间: 2022-11-4 09:44

cw4774 发表于 2022-11-3 20:20
高德这个定位不准，你有啥办法偏正吗

在nodered里面用高德节点做一下偏移修正试试看

作者: ocerot 时间: 2022-11-8 14:48
高德这个插件手机ios app里地图显示有问题。

作者: molousheng 时间: 2022-11-8 14:50
学习，学习

作者: dongfang168 时间: 2022-11-22 10:07
没有实体选项了？

作者: Diavolo 时间: 2022-12-8 09:46
device_tracker.zeeker这个实体是必须保留的吗？试了一下删掉轨迹就不显示了。

作者: yzswk 时间: 2023-2-9 19:40

goldstep 发表于 2022-11-2 16:22
显示不出来,请大佬帮忙看一下是哪儿的问题

同样的问题，是不是HA版本的问题？

作者: yzswk 时间: 2023-2-9 20:15
https://bbs.hassbian.com/thread-15374-1-1.html
按这个方法解决了

作者: Harvey_ 时间: 2023-3-22 16:03
成功显示地图了，轨迹还不知道怎么整，加了person和手机作为实体，没啥显示的

作者: 快刀青衣 时间: 2023-3-29 23:41

goldstep 发表于 2022-11-2 19:11
是这样引用的吧

跟你一样的问题，请问你解决了吗

作者: 快刀青衣 时间: 2023-3-30 15:07

yzswk 发表于 2023-2-9 20:15
https://bbs.hassbian.com/thread-15374-1-1.html
按这个方法解决了

意思是图形界面那里添加资源不起作用？

作者: yzswk 时间: 2023-3-30 23:12
具体记不清了，反正按这个方法操作肯定是没问题的，我的已经解决了

作者: 快刀青衣 时间: 2023-3-31 23:52

yzswk 发表于 2023-3-30 23:12
具体记不清了，反正按这个方法操作肯定是没问题的，我的已经解决了

我后来直接从hacs安装就可以了……但是偏移很大，你的不偏移吗

作者: 121665460 时间: 2023-7-8 18:42
地图可以显示，但是不显示定位。控制台报card map Error: Either entities or geo_location_sources must be specified

作者: 花生壳 时间: 2023-8-8 13:32

wangmucha 发表于 2022-10-28 20:06
谢谢~可以了，我根据我自己改的现在可以用了，卡片代码用楼上这个大佬的， js文件2个地方设置截图看我的 ...

按照你你和楼主的方法改了，顺利使用非常感谢

作者: nbchance 时间: 2024-1-2 09:03
地图可以显示，但是不显示定位。也没有提示任何错误

作者: twjlozy 时间: 2024-6-18 17:17
好像卡片不能实时更新的。不会自动刷新位置

作者: 快刀青衣 时间: 2024-11-25 15:01
好像不能显示轨迹了啊，ha core 10.2

欢迎光临『瀚思彼岸』» 智能家居技术论坛 (https://bbs.hassbian.com/)