高德地图应用详解编程语言

高德地图应用

1、js引用

    script type= text/javascript src= http://webapi.amap.com/maps?v=1.3 key=6609d3e785e44f7c319d910583da49dd /script

2、js代码

   /*初始化地图——路线图*/

   var routeMap = new AMap.Map( route-map );

   routeMap.setZoom(12);

   routeMap.setCenter([118.506567, 31.668839]);

   //查询马鞍山海外皇冠大酒店点

   AMap.service([ AMap.PlaceSearch ], function() {

     var placeSearch = new AMap.PlaceSearch({

       pageSize: 1,

       pageIndex: 1,

       city: 马鞍山 ,

       map: routeMap,

     });

     placeSearch.search( 马鞍山海外皇冠大酒店 , function(status, result) {});

   });

   //起点输入完成enter键触发路线事件

   $( #location1 ).keydown(function(e){

     if(e.keyCode==13){

       var first=$( #location1 ).val();

       var end=$( #location2 ).val();

       if(first!= first!=undefined end!= end!=undefined){

         AMap.service( AMap.Transfer , function() {

         // 实例化Transfer

           var transfer = new AMap.Transfer({

             city: 马鞍山 , // 必须值，搭乘公交所在城市

             map: routeMap, // 可选值，搜索结果的标注、线路等均会自动添加到此地图上

             panel: route-detail , // 可选值，显示搜索列表的容器,

             extensions: all , // 可选值，详细信息   

             poliy: AMap.TransferPolicy.LEAST_TIME // 驾驶策略：最省时模式

           });

           transfer.search([{

             keyword: first

           }, {

             keyword: end

           }], function(status, result) {

             window.top.data = result;

           });

         });

       }

     }

   });

原创文章，作者：Maggie-Hunter，如若转载，请注明出处：https://blog.ytso.com/13919.html