全部產品
Search
文件中心

Elasticsearch:阿里雲Kibana Maps接入高德地圖

更新時間:Jun 30, 2024

Elasticsearch(ES)的Kibana Maps中不支援展示Elastic Maps預設的地圖資料,您可以參考本文在Kibana Maps中添加高德地圖,並標出省級行政邊界區。

背景資訊

Elastic Maps預設使用的是openstreetmap.org所提供的地圖資料,阿里雲Kibana不支援展示該地圖資料,但阿里雲提供了在Kibana Maps中添加高德地圖的解決方案。

前提條件

  • 已建立阿里雲ES執行個體。本文以ES 8.9版本執行個體為例。

  • 在使用自訂瓦片服務時,需確保您的瓦片伺服器已配置跨源資源共用(CORS),以便Kibana域中的瓦片請求有許可權訪問您的瓦片伺服器域。

步驟一、配置高德地圖瓦片地址

  1. 通過公網入口登入Kibana控制台。具體操作,請參見登入Kibana控制台

    說明
    • 登入阿里雲Kibana瀏覽器所在的服務需支援訪問公網。

    • 8.5版本及以上ES執行個體Kibana預設使用中文,如果需要切換為英文,請參見配置Kibana語言

  2. 在Kibana頁面的左上方,選擇菜單.png > Analytical > Maps

  3. (可選)在Maps頁面右上方,單擊建立地圖(Create map)。

  4. 在Maps的建立(Create)頁面右上方,單擊添加圖層(Add layer)。

  5. 添加圖層(Add layer)面板,找到並單擊來自URL的磁貼地圖服務(Tile Map Service)地區。

    image.png

  6. Url文字框中輸入高德地圖瓦片地址。

    阿里雲Kibana需使用HTTPS協議的瓦片地址,高德地圖的常用瓦片地址如下表所示。本文使用的瓦片地址為https://wprd03.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=en&size=1&scl=1&style=7

    地圖類型

    高德地圖瓦片地址

    地址樣本

    地圖效果

    向量

    https://wprd0{1,4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7

    https://wprd03.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=7

    image.png

    影像底圖

    https://wprd0{{1,4}}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=6

    https://wprd03.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=2&style=6

    image.png

    影像路網

    https://wprd0{1,4}.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8

    https://wprd03.is.autonavi.com/appmaptile?x={x}&y={y}&z={z}&lang=zh_cn&size=1&scl=1&style=8

    image.png

    • {1,4}表示從1到4中選一個數字。

    • {x}、{y}、{z}表示相應的層級。

    • lang=zh_cn 表示標註語言為中文;lang=en表示標註語言為英文。

  7. 在頁面右下角,單擊添加並關閉(Add and close)。

步驟二、上傳地理資訊資料集

  1. 準備攜帶地理資訊的資料集。

    本文以省級邊界資料為例。擷取資料集,請參見阿里雲資料視覺效果平台下載轉換

    image.png

  2. 在Maps的建立(Create)頁面右上方,單擊添加圖層(Add layer)。

  3. 單擊上傳檔案(Upload file)。

  4. 單擊選擇或拖拽檔案(Select or drag and drop a file),上傳下載好的省級邊界資料檔案。

    檔案支援的格式包括.json.geojson.shp

    image.png

  5. 單擊匯入檔案(Import file)。

  6. 單擊添加為文檔層(Add as document layer)。

  7. 設定圖層名稱後,單擊保留更改(Keep changes)。

    image.png

  8. 在頁面右上方單擊儲存(Save),儲存地圖。