高德地图API之公交路线_html-js-css

概述引入插件 AMap.Transfer <!DOCTYPE html> <html lang="en"> <head> <meta

引入插件 AMap.Transfer

<!DOCTYPE HTML><HTML lang="en"head>    Meta charset="UTF-8"Title>map</script type="text/JavaScript" src="https://webAPI.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a&plugin=AMap.Transfer,AMap.autocomplete"></script>     style>        *{margin:0;paddingList-style none}        #container wIDth100% height 100%topleftposition absolute;           #panel fixed280px10pxrightbackground-color #fff        #search200pxheight100px}    bodydiv ID="container"div="panel">    >        var map=new AMap.Map("container,{            zoom:11        });                    AMap.Transfer({            map:map,panel:panel        }).search([            {keyword:宁波大学宁波},{keyword:宁波老外滩}        ],function(status,data){            console.log(data);        });                >    HTML>

只支持两个参数，多加了是无效的

通过输入框输入起点和终点

="search">        起点input ="text" ID="node1"><br        终点="node2">        button ="btn">开始导航button// 给起点和终点添加自动补全功能         AMap.autocomplete({            input:node1        })         node2        })         btn.onclick(){            使用插件             AMap.Transfer({                map:map,1)">            }).search([                {keyword:node1.value,{keyword:node2.value,1)">}            ],data){                console.log(data);            });        }            >

常规方式

        });                   }).search([121.54979229.868388],[29.568388>

鼠标点击进行规划

console.log(map.getCenter().toString());//121.549792,29.868388         i[];        map.on(click(e){            i++;            console.log(i);                        if(i%2==1){                arr[e.lnglat.R,e.lnglat.Q];                            }else{                使用插件                 AMap.Transfer({                    map:map,1)">                }).search( AMap.LngLat(arr[]),1)"> AMap.LngLat(e.lnglat.R,e.lnglat.Q),data){                    console.log(data);                });                            }        })    >