百度地圖JavaScript API是一套由JavaScript語言編寫的應用程序接口，可幫助您在網站中構建功能豐富、交互性強的地圖應用，支持PC端和移動端基於瀏覽器的地圖應用開發，且支持HTML5特性的地圖開發。

該套API免費對外開放。自v1.5版本起，您需先申請密鑰（ak）才可使用，接口（除發送短信功能外）無使用次數限制。

http://api.map.baidu.com/api?v=1.4 //參數v表示您加載API的版本，使用JavaScript APIv1.4及以前版本可使用此方式引用。
http://api.map.baidu.com/api?v=1.5&ak=您的密鑰  //使用JavaScript APIv1.5請先申請密鑰ak，按此方式引用。

使用百度地圖JavaScript API之前，請先閲讀百度地圖API使用條款。任何非營利性應用請直接使用，商業應用請參考使用須知。

  • 基本地圖功能：展示（支持2D圖、3D圖、衞星圖）、平移、縮放、拖拽等。
  • 地圖控件展示功能：可以在地圖上添加/刪除鷹眼、工具條、比例尺、自定義版權、地圖類型及定位控件，並可以設置各類控件的顯示位置。
  • 覆蓋物功能：支持在地圖上添加/刪除點、線、面、熱區、行政區劃、用户自定義覆蓋物等；開源庫提供富標註、標註管理器、聚合marker、自定義覆蓋物等功能。
  • 工具類功能：提供經緯度座標與屏幕座標互轉功能；開源庫裏提供測距、幾何運算及GPS座標/國測局座標轉百度座標等功能。
  • 定位功能：支持IP定位及瀏覽器（支持html5特性瀏覽器）定位功能。
  • 右鍵菜單功能：支持在地圖上添加右鍵菜單。
  • 鼠標交互功能：支持動態修改鼠標樣式、鼠標拖拽/縮放地圖及鼠標繪製等功能。
  • 圖層功能：支持重設地圖底圖、地圖上疊加實時交通圖層或自定義圖層功能。
  • 本地搜索功能：包括根據城市、矩形範圍、圓形範圍等條件進行POI搜索；且支持用户自有數據的檢索。
  • 公交檢索：支持起始點座標、起始點名稱、LocalSearchPoi實例三種檢索條件的檢索；檢索結果支持便捷、可換乘、少步行、不乘地鐵四種方案。
  • 駕車檢索：支持起始點座標、起始點名稱、LocalSearchPoi實例三種檢索條件的檢索；返回最短時間、最短距離、避開高速的駕車導航結果；且提供計算打車費用服務。
  • 步行導航：提供步行導航方案。
  • 逆/地理編碼：支持百度座標與地址描述信息之間的轉換服務。
  • 個性化數據展示功能：用户自有數據存儲到LBS.雲後，JavaScript API可以提供以麻點圖形式展示自有數據功能。

看一個簡單的示例吧，以下代碼創建了一個地圖並以天安門作為地圖的中心：

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  //添加一個meta標籤，以便使您的頁面更好的在移動平台上展示
<title>Hello, World</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}  //使地圖充滿整個瀏覽器窗口
#container{height:100%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=您的密鑰"></script>//此為v1.5版本的引用方式
  // http://api.map.baidu.com/api?v=1.5&key=您的密鑰&callback=initialize"; //此為v1.4版本及以前版本的引用方式
</head>
 
<body>
<div id="container"></div>   //地圖需要一個HTML元素作為容器
<script type="text/javascript">
var map = new BMap.Map("container");          // 創建地圖實例
var point = new BMap.Point(116.404, 39.915);  // 創建點座標
map.centerAndZoom(point, 15);                 // 初始化地圖，設置中心點座標和地圖級別

</script>
</body>
</html>