Giter Site home page Giter Site logo

ha-inkwavemap's Introduction

ha-inkwavemap

ha-inkwavemap version

墨澜地图

iOS

本项目为 Home Assistant 的定制化**地图面板。

制作者:墨澜Mr.Yinpoerts

感谢 poerts 的 PR,本项目已支持最新版 0.77.2 Home Assistant 授权机制。

简介

本地化 Home Assistant 的地图面板,实现:

  • 高德地图显示
  • 自带坐标系转换(即地理位置纠偏)
  • 显示/隐藏 交通态势
  • 显示/隐藏 区域(zone)范围及家标签
  • 显示/隐藏 Home Assistant 中区域 zone 及设备 device_tracker 信息
  • 显示/隐藏 预算到家时间及路线轨迹,支持不同交通方式
  • 替代原有图层替换方法,不受 HA 更新影响,一步到位

配置方法

  1. 拷贝 wwwpanels 文件夹至 Home Assistant 配置文件夹;
  2. 打开 Home Assistant 配置文件 configuration.yaml,添加 sample.yaml 中的内容;
  3. 修改 configuration.yaml 中的默认经纬度为谷歌地球坐标,注意非地图,是地球!坐标可至该 网站 获取;
  4. 前往 高德开放平台 申请开发者身份,创建新应用,服务类型选择 web 端,注意是 web 端,不是 web 服务!!! 之后获取 key; Gaode
  5. 打开 www/custom_ui/inkwavemapconfig.js 文件,填入你的 HA 密码以及高德 token。
  6. 清除浏览器缓存,重启 HA。

使用 TIP

  • 默认经纬度请使用 Google 地球坐标,注意是地球,不是地图!防止误纠偏。
  • 如果有多人在同一地点,将聚合为数字标签,点触即可展开详情
  • 点触 Dock 栏最后图标可选择追踪设备(对象)

补充说明

初版试水作品,欢迎试用。若有建议或 bug 欢迎提交 issue,一定积极修正 :)

欢迎各位加入QQ讨论群:515348788 & 107927710

适配性

适配各平台最新版 Chrome 及 Safari 浏览器,适配 iOS Home Assistant 客户端。

TODO

  • 添加百度地图图层及卫星图层 - 同步 zone 信息,生成多个地理围栏

常见问题

1. 打开地图空白或报错Failed to load resource: net::ERR_CONNECTION_REFUSED
请检查config.js配置中HA的路径(即HomeAssistantWebAPIUrl项)是否正确,建议使用相对路径"./../../.."。

2. 地图中不显示设备
请检查config.js配置中HA的访问密码(即HomeAssistantWebAPIPassword项)是否正确。
可通过访问HA提供的API地址https://HA的地址:8123/api/states/device_tracker.设备的ID?api_password=HA的访问密码,来查看是否可以通过HA获取到设备信息。

3. 地图和设备可以加载,但无设备状态和交通轨迹 出现此问题一般是由于高德 API 申请时选错『服务平台』导致,注意请选择『web 端』,而不是 『web 服务』。

版本更新日志

0.0.3

  1. 增加路径图示;
  2. 支持新版授权机制。

0.0.2

  1. 修复设备列表中未勾选的成员依旧在"在家成员列表框"中显示的bug;
  2. 优化代码逻辑,减少设备回家线路轨迹在地图上的刷新次数。

0.0.1

  1. 增加对高德地图的支持:家标签及区域范围,交通态势,设备坐标,设备回家线路及预算时间,设备点聚合,在家成员列表框。

ha-inkwavemap's People

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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

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

ha-inkwavemap's Issues

新人询问config.js的设置问题

教程中提到要在config.js填写HA的密码和高德的key,我只找到了高德key的填写位置,但是不知道HA访问地址和用户密码,可是我在这个js文件中没有看到HA的访问密码(即HomeAssistantWebAPIPassword项),请了解的朋友能够帮我解答一下,这个homeassistantwebapiurl和homeassistantwebapipassword项是如何填写的。

地图无法显示设备状态及轨迹

Home Assistant 0.100.1,申请的是高德应用Web端(JS API)的KEY,设备清单可以显示出来,但设备状态及轨迹无显示,请问原因可能出在哪里?谢谢。

定位

您好!我想问问有什么办法可以实现device_tracker在这个地图上打点,标记位置么

Unable to register panel 墨澜地图: Either js_url, module_url or html_url is required.

Logger: homeassistant.components.panel_custom
Source: components/panel_custom/init.py:155
Integration: Custom Panel
First occurred: 上午10:51:03 (1 occurrences)
Last logged: 上午10:51:03
Unable to register panel 墨澜地图: Either js_url, module_url or html_url is required.

高德的token 还有home assistant的token 外加添加目录 ,修改配置 都已经做了 但是一直报无法注册异常。

版本号:
docker_version | 18.09.8
hassio | true
host_os |  
installation_type | Home Assistant Supervised
os_name | Linux
os_version | 4.4.59+
python_version | 3.8.5
supervisor | 247
timezone | Asia/Shanghai
version | 0.115.6

实在是找不到原因 配置校验都ok

无法调用高得地图

填入你的 HA 密码以及高德 token

// HomeAssistant访问地址
// 支持相对路径(如:"./../../..")和绝对路径(如:"http://www.xxx.com:8123")
// !!! 注:非高级玩家请使用默认的相对路径,即"./../../..",全部照搬,保留..,无需任何改动 !!!
HomeAssistantWebAPIUrl="./../../.."

// 高德API key
// 请至高德开放平台http://lbs.amap.com/获取
// (必填)
GaodeMapKey="这里写API"

// 永久Token(HomeAssistant 0.77.2版本以上时可用)
// HomeAssistant 0.77.2版本以后,HomeAssistant登录后如果未启用记住密码,墨澜地图将无法自行获取Token(配置了正确的LongTimeToken后可以正常使用)
// 获取方式见:https://bbs.hassbian.com/thread-4695-1-1.html
// (选填)
LongTimeToken="Bearer "

// 指定追踪设备ID(多个设备时用半角逗号做分隔“,”,如"xiaomi8_Self,iphoneX_Mother,iphone8")
// 不指定时默认显示全部可追踪的设备
// (选填)
DeviceTrackerIDList=""

请问,哪里写 HA 密码 ?

哪里写HA的密码

填入你的 HA 密码以及高德 token

// HomeAssistant访问地址
// 支持相对路径(如:"./../../..")和绝对路径(如:"http://www.xxx.com:8123")
// !!! 注:非高级玩家请使用默认的相对路径,即"./../../..",全部照搬,保留..,无需任何改动 !!!
HomeAssistantWebAPIUrl="./../../.."

// 高德API key
// 请至高德开放平台http://lbs.amap.com/获取
// (必填)
GaodeMapKey="这里写API"

// 永久Token(HomeAssistant 0.77.2版本以上时可用)
// HomeAssistant 0.77.2版本以后,HomeAssistant登录后如果未启用记住密码,墨澜地图将无法自行获取Token(配置了正确的LongTimeToken后可以正常使用)
// 获取方式见:https://bbs.hassbian.com/thread-4695-1-1.html
// (选填)
LongTimeToken="Bearer "

// 指定追踪设备ID(多个设备时用半角逗号做分隔“,”,如"xiaomi8_Self,iphoneX_Mother,iphone8")
// 不指定时默认显示全部可追踪的设备
// (选填)
DeviceTrackerIDList=""

请问,哪里写 HA 密码 ?

config.js乱码

config.js修改完成后过了一段时间再打开就是乱码。而且HA设置密码后地图就显示不出来了。

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.