高德地图应用

高德地图应用
1、js引用
    
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;
                    });
                });
            }
        }
    });

你可能感兴趣的:(Html,css,javascript,插件)