전투의 프런트 엔드 - 바이두지도의 도입

면책 조항 :이 문서는 블로거 원본입니다은 허용 블로거없이 복제 할 수 없다. https://blog.csdn.net/qq_36251118/article/details/82894569

다음 단계 :

1. 바이두지도 발생기, 주소 : http://api.map.baidu.com/lbsapi/creatmap/index.html

은 "중앙 지점 위치", 도시 스위치 특정 위치를 찾을 2.;

은 "맵 세트"자신의 취향에 따른 (지도,지도 크게 상태 등을 수정할 수있다 폭 및 높이)가지도의 외관을 변경할 3.;

"추가 차원"위치와 그들이 레이블을 원하는 정보를 추가 4.;

은 "코드를 얻는 두 번째 단계"5. 버튼 "코드 가져 오기"를 클릭;

브라우저를 열고, HTML 파일에 대한 코드를 생성하는 단계를 저장 6. 당신은지도의 바이두 자신의 정의를 볼 수 있습니다.

참고 : 기존 웹 페이지에 매핑 할 경우, 같은 iframe 태그를 사용할 수 있습니다 :

<iframe src="map.html" width="600" height="300" frameborder="0" scrolling="no"></iframe>

또한 문제가 발생할 수 있습니다 :

페이지에 자동 생성 된 코드에서 많은 사람들이, 표시 아이콘이 표시되지 않습니다. 정보에 대한 접근을 통해 많은 사람들이 바이 라이브러리가 문제가 있다고 말한다. 해결책은 간단하다, 만에 이미지 경로 코드 레이블 아이콘을 변경해야합니다.

var icon = new BMap.Icon("http://map.baidu.com/image/us_mk_icon.png",)

추천

출처blog.csdn.net/qq_36251118/article/details/82894569