跳到主要內容 跳至補充內容

透過多個背景圖層建立地圖

您可以在地圖圖表中使用多個背景圖層。這可讓您為地圖圖表資料建立分層基底地圖。

有些 WMS 來源包括帶有透明度的圖層。透過這些來源,您可以在基底地圖或其他圖層上方疊上 WMS 背景圖層。影像也能置於其他背景圖層上方。這可讓您為資料建立更複雜的基底地圖。

資訊備註

WMS 透明度圖層是否支援透明度視 WMS 來源而定。

在此地圖範例中,自訂 TMS 用於背景圖層。一個 WMS 背景圖層置於上方,使用來自 National Ocean and Atmospheric AdministrationWMS 端點。WMS 圖層顯示天氣雷達資料。

含點圖層的地圖圖表疊在 TMSWMS 背景圖層之上

含點圖層的地圖圖表疊在 TMS 和 WMS 背景圖層之上

資料集

此範例使用資料用單一表格 Cities,具有來自外部來源的外部 TMSWMS 資料。

如何建置的範例

提示備註

此範例新增了圖層,因此這些圖層會按照最終順序互相層疊。若您以不同的順序新增這些圖層,請在圖層中按一下圖層並拖曳至您想要的正確順序。

資訊備註對外部資源包含資源要求的 URL,必須在 Content Security Policy 中將其來源列入允許清單,否則將不會載入資源。WMS 資源必須有加入允許清單的 image-src 和 connect-src 指示詞。

另請參閱:管理內容安全性政策

開始之前

在開始之前,必須將以下來源新增至內容安全性政策的允許清單。這由租用戶管理員在 管理 活動中心完成。

新增至內容安全性政策的來源及其對應的指令。
原始 Directive (指示詞)
a.tile.openstreetmap.org img-src
nowcoast.noaa.gov connect-srcimg-src

如需更多關於新增內容安全性政策項目的資訊,請參閱 建立 CSP 輸入項目

建置地圖

  1. 將表格 Cities (城市) 新增至您的應用程式。您可以使用手動輸入複製並貼上表格。
  2. 在工作表中,新增地圖圖表。
  3. 地圖設定中,將基底地圖設定為
  4. 新增背景圖層並進行下列事項:

    • 資料中,進行下列事項:

      • 對於格式,選取 TMS
      • 對於 URL,輸入 https://a.tile.openstreetmap.org/${z}/${x}/${y}.png
      • 對於屬性,輸入 © OpenStreetMap contributors
    • 選項一般中,進行下列事項: 

      • 顯示圖例設定為
    • 選項呈現中,進行下列事項:

      • 不透明度設定為 0.5。
  5. 新增背景圖層並進行下列事項:

    • 對於標籤,輸入天氣雷達基礎反射率馬賽克

    • 對於格式,選取 WMS 並按一下 WMS 設定。請執行下列動作:
      • 對於 WMS 伺服器 URL,輸入 https://nowcoast.noaa.gov/geoserver/observations/weather_radar/ows
      • 對於版本,選取 1.3.0
      • 按一下載入 WMS
      • 步驟 2 (設定) 中,進行以下設定:
        • CRS 設定為 EPSG:3857
        • 開啟透明設定。
        • 選取天氣雷達基礎反射率馬賽克之下的所有選項。
      • 按一下儲存
    • 對於歸因,輸入 NWS、DOD、NOAA 和 nowCOAST
  6. 新增點圖層並進行下列事項:

    • 資料中,新增 Cities 作為維度。
    • 位置中,進行下列事項:
      • 位置範圍設定為自訂
      • 國家/地區設定為 'USA'
    • 色彩中,將多個色彩設定為自訂並將單一色彩設定為 f93f17
    • 尺寸與形狀中,將泡泡大小設定為 9。

此頁面是否對您有幫助?

若您發現此頁面或其內容有任何問題——錯字、遺漏步驟或技術錯誤——請告知我們!