코드의 100 개 라인 두 줄이지도를 달성하기 위해

<! 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 페이지를 구축, 사용할 수있는 저장 붙여 넣기,하지만 테스트 후 좋아, 사용 된 경우, 또는 나를 대신, 자신의 코드에 대한 높은 도덕적지도 응용 프로그램 개발자에 키 플랫폼을 이동

추천

출처www.cnblogs.com/shibataizi/p/12000013.html