高德地图应用
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