【百度地图API】让用户选择起点和终点的驾车导航
生活随笔
收集整理的這篇文章主要介紹了
【百度地图API】让用户选择起点和终点的驾车导航
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<script type="text/javascript">
// 百度地圖API功能
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
//三種駕車策略:最少時間,最短距離,避開高速
var routePolicy = [BMAP_DRIVING_POLICY_LEAST_TIME,BMAP_DRIVING_POLICY_LEAST_DISTANCE,BMAP_DRIVING_POLICY_AVOID_HIGHWAYS];
$("#result").click(function(){
var start = document.getElementById("startPosition").value;//起始點
var end = document.getElementById("endPosition").value;//終止點
map.clearOverlays();
var i=$("#driving_way select").val();
search(start,end,routePolicy[i]);
function search(start,end,route){
var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true,enableDragging : true},policy: route});
driving.search(start,end);
}
});
</script>
解決方案就是將變量的聲明放在function函數(shù)里面。(前提:body處創(chuàng)建兩個input)
var start = document.getElementById("startPosition").value;//起始點
var end = document.getElementById("endPosition").value;//終止點
總結(jié)
以上是生活随笔為你收集整理的【百度地图API】让用户选择起点和终点的驾车导航的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 静态页面之间的转发与json与ajax做
- 下一篇: 使用HTML5+CSS3制作圆角内发光按