最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

讓用戶自己選擇起點(diǎn)和終點(diǎn)呢？答案是，使用數(shù)據(jù)接口。數(shù)據(jù)接口，可以讓百度地圖API的數(shù)據(jù)，按照自定義的形式展示。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊、虛擬空間、營銷軟件、網(wǎng)站建設(shè)、臨湘網(wǎng)站維護(hù)、網(wǎng)站推廣。

　　這個功能非常實(shí)用，學(xué)會這個方法，可以讓您的地圖更加接近百度地圖的功能?。?/p>

　　一、創(chuàng)建地圖與網(wǎng)頁樣式

　　創(chuàng)建一張簡單的地圖，只需要3句話。

 
 
 
 

  
  
  
  
　　varmap =newBMap.Map("container"); //創(chuàng)建Map實(shí)例 
  
  
  
  
　　varpoint =newBMap.Point(116.404, 39.915); //創(chuàng)建點(diǎn)坐標(biāo) 
  
  
  
  
　　map.centerAndZoom(point,15); //初始化地圖,設(shè)置中心點(diǎn)坐標(biāo)和地圖級別。
 
 
 
 

　　然后，我們制作出兩個輸入框，分別是起點(diǎn)輸入框，和終點(diǎn)輸入框。

　　從到  

　　使用“駕車”按鈕，獲取輸入框中的數(shù)據(jù)。

 
 
 
 

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

二、創(chuàng)建搜索實(shí)例

　　對于起點(diǎn)和終點(diǎn)，我們需要創(chuàng)建2個不同的搜索實(shí)例：

 
 
 
 

  
  
  
  
　　//創(chuàng)建2個搜索實(shí)例 
  
  
  
  
　　varstartSearch =newBMap.LocalSearch(map,startOption);varendSearch =newBMap.LocalSearch(map,endOption);
 
 
 
 

　　在點(diǎn)擊“駕車”按鈕后，開始搜索起點(diǎn)和終點(diǎn)都有哪些符合關(guān)鍵詞的地方（POI點(diǎn)）。

 
 
 
 

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

　　三、搜索的數(shù)據(jù)接口

　　由于AJAX是異步加載的，我們使用百度地圖API提供的回調(diào)函數(shù)onSearchComplete，來完成對搜索成功后的操作。

以起點(diǎn)的搜索為例：

　　當(dāng)搜索成功后，把每一個搜索結(jié)果（POI），按照我們自定義的方式，列在面板中。其實(shí)，這里我們只使用了數(shù)據(jù)接口，沒用百度默認(rèn)的結(jié)果面板。

 
 
 
 

  
  
  
  
　　varstartOption ={ 
  
  
  
  
　　onSearchComplete: function(results){//判斷狀態(tài)是否正確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("