바이두 지도 API 파일 도입
<스크립트 유형="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=your 키" ></script>
맵 인스턴스를 만들고 기본 프로퍼티를 설정하세요
function huaLine(id, sj, numSelect) {
바이두 맵 API 함수
map = new BMap.Map(id, { mapType: BMAP_HYBRID_MAP }); 지도 인스턴스를 생성하고, 지도를 혼합하며, 좌표와 위성 지도 모두 가능합니다
map.centerAndZoom(새 BMap.Point(104.06, 30.67), 5); 지도를 초기화하고, 중심점 좌표와 지도 레벨을 설정하세요
map.enableScrollWheelZoom(true); 마우스 휠 줌을 켜세요
바이두 지도 점 집계 플러그인 소개
< 문자 형="텍스트/자바스크립트" SRC="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
< 문자 형="텍스트/자바스크립트" SRC="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
포인트 집계를 구현하기 위한 맞춤형 차원 생성
배열 생성
VAR 마커 = [];
픽셀 단위로 x와 y 좌표를 가진 점을 만드세요
var pt = 새로운 BMap.Point(경도, 위도);
라벨 아이콘을 설정하고 가져온 이미지 크기를 변경하세요
var myIcon = new BMap.Icon(".. /.. /img/work/yuan.png", 새로운 BMap.Size(32, 32));
주석을 생성하고, 주석의 위도와 경도를 설정하며, 주석이 달린 이미지를 설정하세요
var marker2 = new BMap.Marker(pt, { icon: myIcon });
배열에 집계해야 할 포인트들을 추가하세요
markers.push(marker2);
점 집계 초기화
var markerClusterer = new BMapLib.MarkerClusterer(map, {markers:markers});
참고: 기존의 포인트 집계 플러그인들은 비교적 정체되어 있으니, 대형 업체들이 수정한 플러그인을 Baidu에서 검색해 사용할 수 있습니다
| 
게시됨 2020. 7. 7. 오후 2:56:33
|
|
|
