H5跳轉到百度地圖並定位

找了半天的JS api,發現沒有,後來發現這個叫 url api,讓我好找。php

官方文檔: http://lbsyun.baidu.com/index.php?title=uri/api/web ;html

 

簡介:web

Web版百度地圖面向PC&移動端瀏覽器的網站應用或移動APP應用,其中PC瀏覽器調起的百度地圖地址爲:http://map.baidu.com/ ;移動端調起的百度地圖地址爲:http://map.baidu.com/mobile/api

 
示例:
http://api.map.baidu.com/marker?location=39.916979519873,116.41004950566&title=個人位置&content=百度奎科大廈&output=html
//能夠在PC、移動設備瀏覽器上打開打開該連接顯示地圖上的點

Webapp示例組成說明:瀏覽器

  • 域名:對應hostname,如api.map.baidu.com
  • 服務名:對應service,如marker
  • 參數:對應parameters,如 location,title,content,output等。

 

參數說明:app

  • 地圖標點功能

   - 調用該接口可調起PC或web地圖,且在指定座標點上顯示點的名稱和內容信息。網站

示例:加密

http://api.map.baidu.com/marker?location=40.047669,116.313082&title=個人位置&content=百度奎科大廈&output=html&src=yourComponyName|yourAppName   
//調起百度PC或web地圖,且在(lat:39.916979519873,lng:116.41004950566)座標點上顯示名稱"個人位置",內容"百度奎科大廈"的信息窗口。

 

參數名稱 參數說明 是否必選 備註
location lat<緯度>,lng<經度> 必選  
title 標註點顯示標題 必選  
content 標註點顯示內容 必選  
output 表示輸出類型,web上必須指定爲html才能展示地圖產品結果。 必選  
coord_type 座標類型,可選參數 默認爲bd09經緯度座標。容許的值爲bd09ll、bd09mc、gcj0二、wgs84。bd09ll表示百度經緯度座標,bd09mc表示百度墨卡託座標,gcj02表示通過國測局加密的座標,wgs84表示gps獲取的座標。  
zoom 展示地圖的級別,默認爲視覺最優級別。 可選  
src appName。 必選 此參數不傳值,不保證服務。

 

  • POI(地點)搜索

    - 調用該接口可調起PC或Web百度地圖,經過本地檢索服務,以列表形式顯示符合查詢條件的點。url

示例:spa

http://api.map.baidu.com/place/search?query=海底撈&location=31.204055632862,121.41117785465&radius=1000&region=上海&output=html&src=yourCompanyName|yourAppName   //周邊檢索

參數說明

參數名稱 參數說明 是否必選 備註
query 關鍵詞 必選  
region 城市名或縣名 選擇方式:地點搜索限定範圍能夠由region、bounds和location + radius方式進行,其中bounds優先級最高、region優先級最低(與web服務保持一致)。  
location 中心點經緯度,或中心點經緯度和名稱描述,注意,名稱不參與檢索,只負責顯示。 同上 一、39.9761<緯度>,116.3282<經度>

二、39.9761<緯度>,116.3282<經度>| 中關村<名稱>

radius 檢索半徑 同上  
bounds 視野範圍 同上 lat,lng<左下角>,lat,lng<右上角>
output 表示輸出類型,web上必須指定爲html才能展示地圖產品結果。 必選 手機客戶端忽略此參數
coord_type 座標類型,可選參數 可選 默認爲bd09經緯度座標。容許的值爲bd09ll、gcj0二、wgs84。bd09ll表示百度經緯度座標, gcj02表示通過國測局加密的座標,wgs84表示gps獲取的座標。
zoom 展示地圖的級別,默認爲視覺最優級別。 可選  
src appName。 必選 此參數不傳值,不保證服務。

 

 

暫時用到了這麼多,更詳細的文檔資料能夠去官方文檔: http://lbsyun.baidu.com/index.php?title=uri/api/web ;

相關文章
相關標籤/搜索