Coder Social home page Coder Social logo

ha-panel-amap-panel's Introduction

ha-panel-amap-panel

Amap map panel for home assistant

使用

  1. 将 amap文件夹 放入 home assistant 的 www 文件夹, 不要修改文件夹名称
  2. 配置 configuration.yaml 文件,加入如下配置:
panel_custom:
    - name: amap-panel
      sidebar_title: 高德地图
      sidebar_icon: mdi:map
      module_url: /local/amap/amap-panel.js
      trust_external_script: true
      config:
          key: 高德地图Web端key
          jscode: 高德地图Web端安全密钥 # 填写使用v2, 不填写使用v1, 自2021年12月02日升级,升级之后所申请的 key 必须配备安全密钥 jscode 一起使用
          amap_devices: # 高德坐标系设备
            - device_tracker.xxx
          baidu_devices: # 百度坐标系设备
            - device_tracker.xxx
          ignore_devices: # 忽略设备
            - device_tracker.xxx
  1. 重启 home assistant, enjoy your self!
  2. ⚠️ 注意:
  • 默认支持的是GPS设备坐标,如果发现自己的坐标是高德或者百度坐标系,请使用 amap_devices baidu_devices 配置!
  • 只显示家庭范围外的设备,需要忽略其他设备请使用 ignore_devices 配置。

截图

  1. 浅色模式 light
  2. 深色模式 dark

问题

有问题请提issue,谢谢!
  1. 高德地图key申请 https://lbs.amap.com/dev/key/app

日志

2022-01-16
1.[特性]增加GCJ02坐标的设备配置,防止再次坐标转换(感谢 @yongman)
2.支持高德地图v2, 需要配合安全密钥
3.修复头像显示等若干问题
4.使用Iframe模式加载地图

2020-09-23
1.[特性]适配最新版本的 Home Assistant(yaml配置跟文件放置路径都发生了变化)
2.[特性]增加深色模式(根据设置里面配置的主题自动选择模式)
3.[修复]修复在设备距离比较分散的时候,地图不能选择正确的比例显示所有图标

2019-12-07
1.修复zone图标不居中问题
2.优化设备位置更新算法,设备位置刷新更平滑

2019-12-02
1.修复首次加载白屏
2.修复图标偏移
3.使用通用坐标转换方法,修复坐标不正确的问题
4.略微放大了设备图标

ha-panel-amap-panel's People

Contributors

dhso avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

ha-panel-amap-panel's Issues

不能正确显示entity_picture

您好,高德地图插件很好用,最近发现一个问题是device tracker的entity_picture不能显示。
我的homeassistant版本是core-2021.3.3,device tracker添加了entity_picture,在homeassistant 自带的map能正常显示entity_picture。
使用高德地图插件,发现在地图上不显示 entity_picture,但地图看上去会自动缩放到合适的大小,只是不显示device tracker。不设置entity_picture能正常的显示首字母的图标device tracker。我设置的entity_picture是192*192大小的png图片。
请问要怎样设置才能正确显示entity_picture?
谢谢

好难找到自己哦!

很棒的地图,按照README的方法,一次就可以了,打开就显示到我的家,无偏移,还有可以定位到我的手机。但是一开始是以我家为中心,而且地图放大级别很大的。如果我离我家很远(我现在是30公里),好难找到我自己哦。官方的貌似打开会把放大级别和位置调到可以看到我和我的家。这属于问题么.....

Homeassistant更新5月版本后打不开了

打开地图就什么都不显示,求解答是什么问题,在5月之前的版本都是正常的,报错如下:
Logger: frontend.js.latest.202305033
Source: components/system_log/init.py:257
First occurred: 2023年5月6日 17:45:17 (20 occurrences)
Last logged: 12:01:25

https://local/amap/amap-panel.js:8:5 Uncaught ReferenceError: Polymer is not defined
https://*/local/amap/amap-panel.js:8:5 Uncaught ReferenceError: Polymer is not defined

报错了

Unable to load custom panel from http://**********************/local/amap/amap-panel.js

iframe contentWindow为空

大佬好,
目前地图显示正常,ha里title显示[[panel.title]],之前有人提过了。

我在HA的log里看到:
2023-10-20 11:36:04.669 ERROR (MainThread) [frontend.js.latest.202310050] Uncaught error from Edge 118.0.2088.57 on Windows 10
TypeError: Cannot read properties of null (reading 'contentWindow')
get iframe [as iframe] (/local/amap/amap-panel.js:60:55)
get allReady [as allReady] (/local/amap/amap-panel.js:64:21)
AmapPanel.connectedCallback (/local/amap/amap-panel.js:38:14)
apply (src/scoped-custom-element-registry.js:248:41)
_setProperties (src/panels/custom/ha-panel-custom.ts:136:15)

HA Docker安装,版本信息:
Home Assistant 2023.10.1
前端版本: 20231005.0 - latest

不知道是什么引起的,请帮忙查看下。

路径出错

一直显示Unable to load custom panel 路径是/local/amap/amap-panel.js,请问要怎么改

customize.yaml中定义entity_picture后地图中不显示定位

如题,自定义头像图片后,高德地图中不显示定位了。注释掉entity_picture后才可以显示,图片显示为‘friendly_name’的大写首字母。大佬,这是啥原因,想要自定义头像,地图上才更容易找到所在位置。

希望添加hacs的支持

首先感谢开发者 插件很好用 但是安装不方便 希望添加hacs的支持 再次感谢

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.