BAIDU MAP 컴포넌트

두 개의 컴포넌트

• baidu-map : 맵을 그리는 컴포넌트 (google-map 컴포넌트와 속성 동일)
• bmap-marker : 바이두맵에 마커를 표시하는 컴포넌트 (gmap-marker 컴포넌트와 속성 동일)

관련 컴포넌트

• infowindow
• bmap-marker 의 hover, tap 이벤트에 연결된 경우, 바이두맵에서 클릭하거나 hover 될 때, 바이두맵의 인포윈도우가 보이게 됨

Known Issues

• 바이두맵 컴포넌트를 사용할 때 관련된 스타일이 자동 설치되나, things-scene-viewer 컴포넌트 내부에 있는 바이두맵 엘리먼트들에 적용되지 못함. 대표적으로 바이두맵의 인포윈도우에 스타일 적용이 안됨.
• 구글맵과 바이두맵의 위도/경도 마커의 위치에 일정한 차이가 있음. 원인은 아직 잘 모름. 이 경우는 바이두맵 서비스와 우리 컴포넌트와도 차이가 있는지 확인이 필요함.

설치

• nodejs, npm 을 최신버전으로 설치할 것을 권장함.

$ rm yarn.lock
$ yarn install

실행 (개발중)

$ yarn serve:dev

• 브라우저(Chrome, ~~Safari~~, ~~Firefox~~, Opera)를 열어서 접속

http://0.0.0.0:3000

• 서비스포트를 바꾸고 싶다면,..

$ yarn serve:dev -p 3001

빌드 (개발 완료시)

$ yarn build
$ yarn serve

| type | filename | for | tested | | ---- | ---------------------------- | -------------- | ------ | | UMD | things-scene-baidu-map.js | modern browser | O | | UMD | things-scene-baidu-map-ie.js | ie 11 | O | | ES | things-scene-baidu-map.mjs | modern browser | O |

배포

• npm 리파지토리에 배포하는 것을 의미함.
• 배포 과정중에 버전업 합니다.

$ yarn publish

커밋

• github에 업로드하는 것을 의미함.

참조

• Things Shell [https://github.com/hatiolab/things-shell]
• Things Shell Demo [https://github.com/hatiolab/things-shell-demo]
• Things Yeoman Generator [https://github.com/hatiolab/generator-things]

Module

UMD

• things-scene-baidu-map.js (for modern browser)
• things-scene-baidu-map-ie.js (for ie 11)

ES Module

• things-scene-baidu-map.mjs