Mapbar 地圖 API 概念 技術文檔

Mapbar 地圖 API 概念

歡迎閱讀 Mapbar 地圖 API 的開發人員文檔！Mapbar 地圖 API 容許您在網頁中嵌入Mapbar 地圖 。要使用該 API，您須要先註冊 API 密鑰。收到 API 密鑰以後，便可以按照本文檔中的說明開發地圖應用程序。

Mapbar 地圖 API 實例

下面給出了 Mapbar 地圖 API 文檔集中包含的全部示例，做爲快速參考。

簡單的地圖	地圖標註	地圖動畫	地圖模式	自定義鼠標樣式 新！
地圖四個頂點 新！	簡單事件	事件上下文	事件閉包	事件參數
事件綁定	事件刪除	單擊獲取經緯度 新！	平移/縮放控件	比例尺控件
縮略圖控件	信息窗口	信息窗口選項卡 新！	標註各組成部分 新！	標註圖標
編輯標註	折線各組成部分	折線畫筆	編輯折線	地圖熱點
刪除標註 新！	刪除折線 新！	橢圓 新！	圓角矩形 新！	折線二態 新！
更新折線節點 新！	右鍵菜單 新！	標籤樣式自定義 新！	突出折線邊框 新！	自定義氣泡 新！
周邊查詢	拉框查詢	魚骨設置 新！	鷹眼位置 新！	氣泡尺寸 新！

地圖示例

• 簡單的地圖

  Mapbar 地圖 API 一個簡單的示例，顯示以北京的天安門爲中心的 500x300 地圖。

• 地圖標註

  本示例中，地圖中心點爲天安門，並在中心點上添加一個標註。

• 地圖動畫

  本示例顯示一個地圖，等兩秒，而後平移到新的中心點。panTo 方法將地圖向左橫向移動200像素。

• 地圖模式

  本示例展現了地圖在「標註模式」下，經過鼠標進行自定義標註的功能。

• 自定義鼠標樣式 新！

  本示例展現瞭如何在地圖範圍內，自定義鼠標指針樣式。

• 地圖四個頂點 新！

  本示例展現瞭如何獲取地圖四個頂點的經緯度。

事件示例

• 簡單事件

  本示例中，每次用戶單擊地圖都會時出現警告。

• 事件上下文

  本示例中，顯示用戶每次移動地圖後地圖中心點經緯度。

• 事件閉包

  本示例在事件偵聽器中使用閉包將一個祕密消息分配給一組標註（Marker）。單擊任何標記將能夠查看祕密消息的一部分，祕密消息並不包含在標記自己內。

• 事件參數

  本示例展現了地圖移動後中心點的變化。

• 事件綁定

  本示例中，一個應用程序類實例將地圖事件與其自身的方法綁定在一塊兒，修改了觸發事件時的類狀態。

• 事件刪除

  本示例響應地圖移動，在地圖上添加標註，以後的任何移動將會刪除該事件偵聽器。

• 單擊獲取經緯度 新！

  本示例響應地圖點擊事件，當點擊地圖時展現此點的經緯度。

控件示例

• 平移/縮放控件

  本示例中展現了當地圖高度小於300像素時，魚骨控件的變化。同時，您能夠經過兩個按鈕來控制魚骨控件的顯示狀態。

• 比例尺控件

  本示例中有兩個控制比例尺控件顯示狀態的按鈕，它們都調用 setScaleVisible() 來切換比例尺控件的顯示狀態。

• 縮略圖控件

  本示例中用單選框和按鈕控制縮略圖控件的可見性和狀態。

• 魚骨設置 新！

  本示例展現瞭如何設置魚骨位置，以及如何設置魚骨各組成部分的可見性。

• 鷹眼位置 新！

  本示例展現瞭如何設置鷹眼位置。

疊加物示例

• 信息窗口

  本示例顯示一個地圖，添加一個標註，並自動打開該標註上的信息窗口。

• 信息窗口選項卡 新！

  本示例的信息窗口中，包含了多個選項卡，每一個選項卡都有不一樣內容，您能夠經過頁面頂部的按鈕控制這些選項卡。

• 標註各組成部分 新！

  本示例展現了一個地圖標註全部的組成部分。

• 標註圖標

  本示例中，顯示了兩個相互重疊的標註，當底層標註圖標高亮後，經過mouseover事件改變圖標圖像。

• 編輯標註

  本示例中，咱們將標註對象設置爲可編輯，在第一次拖拽完成後將新位置的經緯度打印到屏幕，並將標註對象設置爲不可編輯狀態。

• 折線各組成部分

  本示例在地圖中繪製了一個具備四個點的折線，並展現了折線全部的組成部分。

• 折線畫筆

  本示例中，利用 MBrush 對象改變了折線樣式。

• 編輯折線

  本示例中，咱們將折線對象設置爲可編輯，在途經點拖拽完成後將折線對象信息打印到屏幕。

• 地圖熱點

  本示例展現了地圖的2-4縮放級別上，在「北京」城市名稱旁邊增長熱點區域，點擊區域直接進入城市縮放級別。

• 刪除標註 新！

  本示例中共添加了四個標註，請根據相應的數字選擇須要刪除的標註。

• 刪除折線 新！

  本示例中共添加了四條折線，請根據顏色選擇須要刪除的折線。

• 橢圓 新！

  本示例根據設置的x軸，y軸的長度建立橢圓，以及該橢圓對象的一些操做。

• 圓角矩形 新！

  本示例根據設置的圓角的弧度在地圖上拖拽建立圓角矩形，以及該圓角矩形對象的一些操做。

• 折線二態 新！

  本示例建立了一個面對象，並展現了將鼠標移至此對象和鼠標移出此對象時的兩種狀態。

• 更新折線節點 新！

  本示例展現瞭如何在已存在的折線對象上增長新的節點。

• 右鍵菜單 新！

  本示例展現瞭如何在疊加物上添加右鍵菜單，以及刪除等其餘操做。

• 標籤樣式自定義 新！

  本示例展現瞭如何自定義標籤樣式。

• 突出折線邊框 新！

  本示例演示瞭如何使折線突出邊框顯示，達到相似描邊的效果。

• 自定義氣泡 新！

  本示例展現瞭如何自定義氣泡。

• 氣泡尺寸 新！

  本示例展現瞭如何設置氣泡的初始尺寸，和放大後的尺寸。

進階示例

• 周邊查詢

  本示例在地圖中心點的指定範圍內查詢已經存在的標註，查詢的結果爲模擬數據，在查詢以前已經定義完成。

  該示例的目的是讓您瞭解如何使用 Mapbar 地圖免費 API 開發查詢您本身的數據的周邊查詢功能。

• 拉框查詢

  本示例中，您能夠在地圖上框選出一個範圍，並查詢出已有的標註。查詢的結果爲模擬數據，在查詢以前已經定義完成。

  該示例的目的是讓您瞭解如何使用 Mapbar 地圖免費 API 開發查詢您本身的數據的拉框查詢功能。