● HA작업) 카카오 지도 (kakao map card) 러브레이스 카드

● HA작업) 카카오 지도 (kakao map card) 러브레이스 카드

https://cafe.naver.com/koreassistant/8062

참조 작업 합니다.
카페 회원께서 제공한 

c:\Users\shimss\Downloads\kakao-map.js

파일 다운로드 저장

복사 위치

다운받은 파일을 www 방에 복사해서 넣으시구요

구성하기 -> 대쉬보드 -> 리소스 -> 새로운리소스추가하기

URL : /local/kakao-map.js

/local/kakao-map.js

유형 : 자바스트립

재시작하고 카드추가하시면 될 겁니다

상태확인 > 재시작

대시보드 추가 생성

자신의 카카로 app 로 진입

https://developers.kakao.com/console/app/907240

자바키 복사 아래형식으로 추가

- type: custom:kakao-map-card

  appkey: b8c0c67bb817902958438788d96???

지도 전체회면으로  대시보도 pannel에      panel: true  추가합니다

  - title: kakao_map

    path: kakao-map

    badges: []

    panel: true

    cards:

      - type: custom:kakao-map-card

        appkey: b8c0c67bb817902958438788d96eaad1

전체 옵션 본문 내용 적용

대시보드 > 구성코드 편집 > ctrl + F >>panel 이름 입력 찾기 "kakao

대시보드 편집하여 아래 불력 부분을 복사 합니다.

잠시 변경전 # 처리 ,,,나중에 없어집니다.,,,그리고 변경후  상기 내용을 추가 합니다.

저장후  다시 대시보드 구성코드 편집 소스 확인 합니다

최종

다음과제 >> 트래커추가 

아이콘 추가 하시려는 분들에게 좀 더 자세히 설명드리자면

1.
\config\www\images
위 경로에 예시.jpg 파일 넣으신 다음
2.
configuration.yaml 파일에
homeassistant:
customize:
device_tracker.sm_s906n: <<< 이건 본인 기기명 기입
entity_picture: /local/images/예시.jpg
friendly_name: 원하는 기기명
추가 하신 후
3.
lovelace에서 구성코드 편집하기로 간다음
entities:
- entity: device_tracker.sm_s906n <<< 위와 같은 본인 기기명 기입
color: '#FFFFFF'
적으면 원하는 아이콘 적용 가능합니다

-아이콘 준비 복사 > 이미지 다른이름으로저장

1.
\config\www\images
위 경로에 예시.jpg 파일 넣으신 다음

s:\config\www\image\fafa.png

s:\config\www\image\mama.png

2.
configuration.yaml 파일에

homeassistant:
customize:
entity_picture: /local/images/fafa.png
device_tracker.sm_g988n: 
friendly_name:  myphone

추가 하신 후

3.
lovelace에서 구성코드 편집하기로 간다음
entities:
- entity: device_tracker.sm_s906n <<< 위와 같은 본인 기기명 기입
color: '#FFFFFF'

적으면 원하는 아이콘 적용 가능합니다

☞ https://11q.kr 에 등록된 자료 입니다. ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다♠