<! DOCTYPE HTML > < HTML > < 선두 > < 메타 캐릭터 = "UTF-8" > < 메타 HTTP-당량 = "X-UA 호환" 콘텐츠 = "IE = 가장자리" > < 메타 이름 = "뷰포트" 콘텐츠 = " 초기 스케일 = 1.0, 사용자 확장 = NO 폭 = 기기 폭 " > < 타이틀 >高德地图API初体验</ 타이틀 > < 스타일 타입 ="텍스트 / CSS " > HTML, 신체, #container { 폭 : 100 % ; 신장 : 100 % ; } </ 스타일 > < 스타일 타입 = "텍스트 / CSS" > #panel { 총수 : 고정 ; 배경 색상 : 흰색 ; 최대 높이 : 90 % ; 오버 플로우-Y : 자동 ; 상단 : 10px ; 우측 : 10px ; 폭 : 280px ; } #panel .amap 통화 { 배경 색 : # 009cf9 ; 국경 정상은 왼쪽-반경 : 4 픽셀을 ; 국경 - 오른쪽 상단 반경 : 4 픽셀 ; } #panel .amap-LIB 구동 { 보더 왼쪽 하단 반경 : 4 픽셀 ; 국경 오른쪽 하단 반경 : 4 픽셀 ; 오버 플로우 : 숨겨진 ; } </ 스타일 > < 링크 확인해 = "스타일 시트" HREF = "https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" /> < 스크립트 SRC = "은 https : //a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js " > </ 스크립트 > < 스크립트 유형= "텍스트 / 자바 스크립트" SRC = "https://webapi.amap.com/maps?v=1.4.15&key=ae24323514e4526432b636483930548e&plugin=AMap.Driving" > </ 스크립트 > < 스크립트 유형 = "텍스트 / 자바 스크립트" SRC = " https://cache.amap.com/lbs/static/addToolbar.js " > </ 스크립트 > </ 머리 > < 몸 > <! - 내 키 ae24323514e4526432b636483930548e 두 번째 하루에 100 회 6000 총 -> < DIV ID = "컨테이너" > </ DIV > < DIV ID = "패널" > </ DIV > < 스크립트 유형 = "텍스트 / 자바 스크립트" > // 정의한 운전 경로 하자 출처 = ' 천안문 ' / / 시작 지점을 설정해야합니다 말하자 = ' 시드니 오페라 하우스 ' // 끝이로 설정해야합니다 지나 가게 하옵소서을 = ' 베이징 이스트 기차역은 ' //은 ''(빈 비어 될 수 있습니다)에는 통과 배치겠습니까 // 기본지도가로드되지 않습니다 VAR 지도 = 새로운 AMap.Map ( " 용기 " , { resizeEnable : 사실 , 센터 : [ 116.397428 , 39.90923 ], // 지도 센터 줌 : 13이다 // 지도 표시의 줌 레벨 }); // 경로 안내를 기반으로 구성 VAR 운전 = 새로운 새로운 AMap.Driving ({ 지도 :지도, 패널 : " 패널 " }); FN하게 = 기능 () { // 자동차로 탐색 경로의 이름을 말부터 계획에 따라 // 객체의 첫 번째 어레이 내의 많은 설명으로서 출발점의 이름이고 // 2 물체 어레이로서, 엔드 포인트의 이름 설명만큼 {[(driving.search 키워드 :, 시작 지점 도시 : ' 베이징 ' }, { 키워드 : 통과, 도시 : ' 베이징 ' }, { 키워드 : 끝, 도시 : ' 베이징 ' } , 기능 (상태 결과) { // 문서의 데이터 구조에 따른 네비게이션 정보를 참조 https://lbs.amap.com/api/javascript-api/reference/route-search#m_DrivingResult 결과, 즉 IF (상태 === ' 전체 ' ) { log.success ( ' 전체 운전 경로 렌더링 ' ) } 다른 { log.error ( ' 실패한 데이터를 운전 가져 오기 : ' + 결과) } }); } FN () </ 스크립트 > </ 몸 > </ HTML >
몇 마디의 사람이 코드에 직접 말했다
친구, 회로도를 생성하는 자동 주소 개의 페이지에 입력하는 기능의 실현을
나는 AIP의 대부분이 유사하고, 더 시간이 좀 이해하기에 종사, 또는 너무 적은 시간 아 문서가 나오는 전에 몇 시간 동안 약간의 헛된을 보였지만,
사용 ---
HTML 페이지를 구축, 사용할 수있는 저장 붙여 넣기,하지만 테스트 후 좋아, 사용 된 경우, 또는 나를 대신, 자신의 코드에 대한 높은 도덕적지도 응용 프로그램 개발자에 키 플랫폼을 이동