基于高德地图的官方地图Lovelace卡片复刻版(重要更新)
本帖最后由 fineemb 于 2020-10-10 16:03 编辑HACS里面搜高德安装
没有用HACS的,手动安装到这里下载。也可以顺便给个★
# Lovelace Gaode Map Card
[!(https://img.shields.io/badge/HACS-Default-orange.svg)](https://github.com/custom-components/hacs)
这个是一个基于高德地图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: 高德经纬度`
```` yaml
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'
````
## 预览
![](https://raw.githubusercontent.co ... p-card/master/1.gif)
## HACS 安装
搜索Gaode Map card, 或者手动添加地址安装
## 手动安装
1. 下载 `cn-map-card.js`
1. 复制到 `www\community\lovelace-cn-map`
1. 在Lovelace的resources下添加以下配置
``` yaml
resources:
- url: /local/community/lovelace-cn-map/cn-map-card.js
type: module
```
1. 在Lovelace视图 `views.cards` 内部添加卡片配置
```` yaml
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说不定哪天就失效了.
**** Hidden Message ***** 好东西,前来围观 ,谢谢分享 感谢分享
好东西,前来围观 ,谢谢分享 :lol:lol:lol好东西,前来围观 ,谢谢分享:lol:lol:lol 学习一下 加入key后,还是一片空白,怎么回事? 感谢分享!!! 谢谢分享 好东西,前来围观 ,谢谢分享