复刻官方Lovelace地图卡片,基于高德地图

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: 高德经纬度

v1.2.6

优化代码,修复116带来的一些问题

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'

v1.2.7

优化代码,减少载入 预览

HACS 安装

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

手动安装 下载 cn-map-card.js 复制到 www\community\lovelace-cn-map 在Lovelace的resources下添加以下配置

resources: - url: /local/community/lovelace-cn-map/cn-map-card.js type: module 在Lovelace视图 views.cards 内部添加卡片配置

type: 'custom:gaode-map-card' default_zoom: '9' dark_mode: false hours_to_show: '168' entities: - person.a - person.b - person.c - zone.school - zone.home key: f87e0c9c4f3e1e78f963075d142979f0 title: Map 选项

属性名	类型	默认	描述
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说不定哪天就失效了.