基于高德地图的官方地图Lovelace卡片复刻版(重要更新)

fineemb

HACS里面搜高德安装
没有用HACS的，手动安装到这里下载。也可以顺便给个★

Lovelace Gaode Map Card

这个是一个基于高德地图API的Lovelace卡片,完全复刻的官方地图卡片,几乎包含了原来卡片的所有功能. 未来可能会支持更多新的技能.

• 完全复刻官方的卡片
• 支持前台自定义卡片配置.

更新

• v1.1

  • 修复未设置路径显示的时候出现空白的错误

• v1.2 破坏性更新 ( 注意下面的配置示例的变化 )

  • 修复多个key冲突的问题
  • 更改卡片关键字为 gaode-map-card
  • 更改配置entities格式和官方map卡片一样

• v1.2.1

  • 修复device_tracker未纳入范围显示的问题

• v1.2.2

  • 修复覆盖层导致地图不能缩放移动的问题

• v1.2.3

  • 增加了实时路况的显示开关
  • 修复了icon显示的问题

• v1.2.4

  • 增加了背景根据主题变化( 主题需要定义 card-background-color )
  • 条目编辑改用官方的组件( 虽然官方也有bug )
  • 整理代码修复bug若干
  • 适配面板模式
  • 增加一个方向的参数,配置(angle: sensor.che_liang_fang_xiang)根据方向传感器,地图自动调整方向

• v1.2.5

  • 增加设备来源数据的坐标体系选择,默认不设置为gps:GPS原始坐标. 可选项为baidu：百度经纬度 mapbar：图吧经纬度 gaode: 高德经纬度

  aspect_ratio: '1'
  dark_mode: auto
  entities:
    - entity: person.ha
      type: mapbar
    - entity: device_tracker.mix
      type: gaode
    - entity: person.fi
      type: baidu
    - entity: device_tracker.cx11_csp_001
      type: gps
  hours_to_show: '18'
  key: f87e0casfdasfe7dfasdf979f0
  traffic: false
  type: 'custom:gaode-map-card'
  

预览

HACS 安装

搜索Gaode Map card, 或者手动添加地址安装

手动安装

1. 下载 cn-map-card.js
2. 复制到 www\community\lovelace-cn-map
3. 在Lovelace的resources下添加以下配置

   resources:
     - url: /local/community/lovelace-cn-map/cn-map-card.js
       type: module

4. 在Lovelace视图 views.cards 内部添加卡片配置

   aspect_ratio: '1'
   dark_mode: auto
   entities:
     - entity: person.ha
       type: mapbar
     - entity: device_tracker.mix
       type: gaode
     - entity: person.fi
       type: baidu
     - entity: device_tracker.cx11_csp_001
       type: gps
   hours_to_show: '18'
   key: f87e0casfdasfe7dfasdf979f0
   traffic: false
   type: 'custom:gaode-map-card'
   

选项

属性名	类型	默认	描述
title	string	选项	卡片标题
entities	entity id	必选	需要显示的条目,支持person,zone,device_tracker
default_zoom	Number	选项	地图默认缩放等级
dark_mode	boolean	选项	地图夜间黑暗模式开关
traffic	boolean	选项	实时路况
hours_to_show	Number	选项	指定时间内的历史路径,这里是填的是小时
key	string	必选	自己去高德申请key,内置的key说不定哪天就失效了.

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

芯蓝科技

好东西，前来围观 ，谢谢分享

s2233

感谢分享

ny3933

好东西，前来围观 ，谢谢分享

mitu

好东西，前来围观 ，谢谢分享

xuyang

学习一下

xuyang

加入key后，还是一片空白，怎么回事？

tiger81

感谢分享！！！

nuaawmy

谢谢分享

lustlost

好东西，前来围观 ，谢谢分享