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

高德地图应用

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

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论