코딩정보




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

♨ 카랜더 일정 : 2023년06월27일
  • 링크

  • 첨부
    등록일 2023.06.27 14:25

  • 컨텐츠 정보

    본문

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

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

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

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

    파일 다운로드 저장

    복사 위치

    3232235521_1687843303.5492.png


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

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

    URL : /local/kakao-map.js

    /local/kakao-map.js

    유형 : 자바스트립

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

    3232235521_1687843372.6864.png

    상태확인 > 재시작

    3232235521_1687843479.114.png


    대시보드 추가 생성

    3232235521_1687843609.871.png


    자신의 카카로 app 로 진입

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

    3232235521_1687844074.2256.png

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

    - type: custom:kakao-map-card

      appkey: b8c0c67bb817902958438788d96???

    3232235521_1687843866.3402.png

    3232235521_1687844345.4263.png

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

    3232235521_1687844362.1335.png

      - title: kakao_map

        path: kakao-map

        badges: []

        panel: true

        cards:

          - type: custom:kakao-map-card

            appkey: b8c0c67bb817902958438788d96eaad1

    3232235521_1687844385.0943.png

    전체 옵션 본문 내용 적용

    3232235521_1687844597.6371.png

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


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

    3232235521_1687845020.8812.png

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

    3232235521_1687845184.2599.png

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

    3232235521_1687845176.4675.png


    최종

    3232235521_1687845355.073.png

    다음과제 >> 트래커추가 


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


    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'
    적으면 원하는 아이콘 적용 가능합니다

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

    3232235521_1687845743.7378.png

    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 에 등록된 자료 입니다. ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다♠1.png

    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    profile_image

    11qkr님의 댓글

    11qkr 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (192.♡.0.1) 작성일
    답변
    profile_image

    11qkr님의 댓글

    11qkr 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (192.♡.0.1) 작성일

    [설정과 팁][안드로이드] Owntracks 대체 GPS 트래커
    https://cafe.naver.com/stsmarthome/10551
    https://github.com/mendhak/gpslogger/releases/tag/v127

    답변
    profile_image

    11qkr님의 댓글

    11qkr 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (192.♡.0.1) 작성일
    답변
    profile_image

    11qkr님의 댓글

    11qkr 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 아이피 (192.♡.0.1) 작성일

    [설정과 팁][안드로이드] Owntracks 대체 GPS 트래커
    https://cafe.naver.com/stsmarthome/10551

    https://github.com/turbo-lab/android-beacon-mqtt/releases/tag/v0.3.22
    c:\Users\shimss\Downloads\beacon-mqtt-0.3-322.apk

    답변



    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-05-16 05:58:24

    오늘의 홈 현황


    • 현재 접속자♨ 90 명
    • 오늘 가입자※ 1 명
    • 어제 가입자※ 4 명
    • 주간 가입자※ 11 명
    • 오늘 방문자 1,117 명
    • 어제 방문자 1,597 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,325,447 명
    • 전체 게시물※ 8,570 개
    • 전체 댓글수※ 24,612 개
    • 전체 회원수 10,968 명

    QR코드


    ☞ QR코드 스캔은 kakao앱 자체 QR코드

    알림 0








    최신글↑