百度地图API之如何制作驾车导航

让用户自己选择起点和终点呢？答案是，使用数据接口。数据接口，可以让百度地图API的数据，按照自定义的形式展示。

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、虚拟空间、营销软件、网站建设、临湘网站维护、网站推广。

　　这个功能非常实用，学会这个方法，可以让您的地图更加接近百度地图的功能！！

　　一、创建地图与网页样式

　　创建一张简单的地图，只需要3句话。

 
 
 
 

  
  
  
  
　　varmap =newBMap.Map("container"); //创建Map实例 
  
  
  
  
　　varpoint =newBMap.Point(116.404, 39.915); //创建点坐标 
  
  
  
  
　　map.centerAndZoom(point,15); //初始化地图,设置中心点坐标和地图级别。
 
 
 
 

　　然后，我们制作出两个输入框，分别是起点输入框，和终点输入框。

　　从到  

　　使用“驾车”按钮，获取输入框中的数据。

 
 
 
 

  
  
  
  
　　functionmDriving(){varstartPlace =document.getElementById("startInput").value;varendPlace =document.getElementById("endInput").value;}
 
 
 
 

二、创建搜索实例

　　对于起点和终点，我们需要创建2个不同的搜索实例：

 
 
 
 

  
  
  
  
　　//创建2个搜索实例 
  
  
  
  
　　varstartSearch =newBMap.LocalSearch(map,startOption);varendSearch =newBMap.LocalSearch(map,endOption);
 
 
 
 

　　在点击“驾车”按钮后，开始搜索起点和终点都有哪些符合关键词的地方（POI点）。

 
 
 
 

  
  
  
  
　　functionmDriving(){varstartPlace =document.getElementById("startInput").value;varendPlace =document.getElementById("endInput").value; 
  
  
  
  
　　startSearch.search(startPlace); 
  
  
  
  
　　endSearch.search(endPlace); 
  
  
  
  
　　document.getElementById("box").style.display="block"; 
  
  
  
  
　　}
 
 
 
 

　　三、搜索的数据接口

　　由于AJAX是异步加载的，我们使用百度地图API提供的回调函数onSearchComplete，来完成对搜索成功后的操作。

以起点的搜索为例：

　　当搜索成功后，把每一个搜索结果（POI），按照我们自定义的方式，列在面板中。其实，这里我们只使用了数据接口，没用百度默认的结果面板。

 
 
 
 

  
  
  
  
　　varstartOption ={ 
  
  
  
  
　　onSearchComplete: function(results){//判断状态是否正确if(startSearch.getStatus() ==BMAP_STATUS_SUCCESS){ 
  
  
  
  
　　startResults =results;vars =[];for(vari =0;i 
  
  
  
  
　　s.push("
"); 
  
  
  
  
　　s.push(results.getPoi(i).title); 
  
  
  
  
　　s.push("
"); 
  
  
  
  
　　s.push(results.getPoi(i).address); 
  
  
  
  
　　s.push("