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说不定哪天就失效了.

fineemb / lovelace-cn-map-card

Lovelace Gaode Map Card

更新

预览

HACS 安装

手动安装

选项

About

Languages