共用方式為

在地圖上繪製並插入圖形 (預覽版)

  • 發行項

[本主題是發行前版本文件，並可能在未來變更。]

將繪圖面板新增至您的地圖，讓使用者在其上繪製並標記圖形。 您也可以插入預先定義和標記的圖形，以醒目顯示特定區域或感興趣的區域。

包含繪製和標記範例圖形的 map 控制向螢幕擷取畫面。

重要

  • 這是預覽功能。
  • 預覽功能不供生產時使用，而且可能功能受限。 這些功能是在正式發行前先行推出，讓客戶能夠搶先體驗並提供意見反應。

先決條件

  1. 建立畫布應用程式，並確定其滿足地理空間先決條件。
  2. 插入地圖。

在互動式地圖上繪製和標記圖形

  1. 在地圖控制項的屬性窗格中，打開以下屬性：

    • (預覽版) 啟用圖形繪製

    • (預覽版) 啟用圖形刪除和標籤編輯

      地圖控制項屬性窗格的螢幕擷取畫面，顯示已開啟的 Shape Drawing 屬性。

    繪圖面板會出現在地圖控制項的左上角。

    畫布應用程式中包含繪圖面板醒目顯示的地圖控制項螢幕擷取畫面。

    此面板有三種工具：

    • 繪製手繪多邊形圖形的多邊形繪圖工具
    • 用於繪製方塊和矩形的方形繪圖工具
    • 用來繪製圓形和橢圓形的圓形繪圖工具

  2. 選取工具，並在地圖上繪製圖形。 若要完成並關閉手繪多邊形圖形，請按兩下最後一個點。

繪製的圖形會自動標記。 若要變更標籤，請選取該圖形，然後在地圖右上角的方塊中輸入新名稱。

若要刪除圖形，請選取該圖形，然後選取垃圾桶。

包含範例形狀和標籤，以及垃圾桶圖示標籤方塊醒目顯示的地圖控制項螢幕擷取畫面。

將 GeoJSON 圖形匯入地圖

如果您已具有用 GeoJSON 格式定義的圖形，則可以將其匯入地圖中。 例如，您可能有一個定義了要醒目顯示的特定區域的圖形。

資料來源中每個形狀的 GeoJSON 字串在單一儲存格中，都必須使用正確格式。

若要匯入圖形，請先將您的資料來源連接到地圖控制項。 然後，將控制項的屬性指派給資料來源中的適當資料行，如以下範例所示：

地圖控制項進階屬性的螢幕擷取畫面，其中提供了資料來源欄位並在地圖上顯示產生的圖形。

您的資料來源必須是至少有三個資料行的具名資料表。 每個資料行都會對應至地圖控制項中的進階屬性。

資料行描述 對應至 必要
格式正確的圖形 GeoJSON 座標 圖形 GeoJSONO 物件 必要
圖形標籤 圖形標籤 選用
圖形色彩 圖形色彩 選用

提示

使用名稱、CSS 色彩定義或 RGBA 值指定色彩。 如果未提供色彩，則圖形將使用應用程式的預設值。

必須命名資料來源。 如果您使用的是 Excel 活頁簿做為資料來源，請使用包含資料的資料表名稱。 在此範例中，我們將從名為 Seattle1 的 Excel 資料表中匯入圖形。

Excel 中具有 GeoJSON 圖形資料的資料表螢幕擷取畫面。

  1. 將下列範例資料複製至空白活頁簿，將其格式化為資料表，並將該資料表命名為 Seattle1。 然後，將活頁簿以資料來源的方式連接至您的地圖。 如需使用類似範例的詳細指示，請參閱使用資料來源將圖釘放在地圖上。

    縣市 GeoJSON TotalCases 色彩
    Adams {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Adams","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-118.9503,47.2640],[-117.9590,47.2586],[-117.9699,46.8697],[-118.0466,46.7711],[-118.2109,46.7383],[-119.2132,46.7383],[-119.3720,46.7383],[-119.3665,46.9135],[-118.9832,46.9135],[-118.9777,47.2640]]]]}}]} 1689 RGB(184,210,232)
    Asotin {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Asotin","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-117.0388,46.4261],[-117.0607,46.3549],[-116.9841,46.2946],[-116.9676,46.2015],[-116.9238,46.1687],[-116.9841,46.0920],[-116.9183,45.9934],[-117.4825,45.9989],[-117.4825,46.1194],[-117.4222,46.1194],[-117.4222,46.3823],[-117.2305,46.4096],[-117.2305,46.4644],[-117.1977,46.4206]]]]}}]} 1096 RGB(184,210,232)
    Benton {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Benton","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-119.8759,46.6287],[-119.6240,46.6452],[-119.5144,46.7273],[-119.4542,46.6780],[-119.2680,46.5192],[-119.2680,46.2727],[-119.0434,46.1906],[-118.9448,46.0756],[-118.9393,46.0263],[-118.9886,45.9989],[-119.1256,45.9332],[-119.4323,45.9167],[-119.5692,45.9277],[-119.6678,45.8565],[-119.8704,45.8346],[-119.8649,46.0427],[-119.8759,46.6287]]]]}}]} 13111 RGB(13,106,191)
    Chelan {"type":"FeatureCollection","properties":{"kind":"state","state":"WA"},"features":[{"type":"Feature","properties":{"kind":"county","name":"Chelan","state":"WA"},"geometry":{"type":"MultiPolygon","coordinates":[[[[-120.7029,48.5292],[-120.6536,48.5347],[-120.6262,48.4964],[-120.6646,48.4471],[-120.6481,48.3978],[-120.5605,48.3704],[-120.5879,48.3211],[-120.5112,48.3101],[-120.3524,48.2170],[-120.3633,48.1568],[-120.3250,48.1294],[-120.1443,48.0637],[-120.1443,48.0363],[-120.0895,48.0199],[-120.0512,47.9596],[-119.8704,47.9596],[-119.9964,47.7789],[-120.2100,47.7515],[-120.1990,47.6803],[-120.2374,47.5872],[-120.3031,47.5215],[-120.3195,47.4557],[-120.2921,47.4010],[-120.0895,47.3407],[-120.0950,47.2640],[-120.3907,47.2586],[-120.5276,47.3352],[-120.5605,47.3079],[-120.8015,47.4229],[-120.9165,47.4284],[-121.1137,47.5981],[-121.1301,47.6748],[-121.0644,47.7132],[-121.1192,47.7789],[-121.0699,47.8282],[-121.1520,47.8446],[-121.1739,47.8884],[-121.1630,47.9541],[-121.1192,47.9980],[-121.1520,48.0418],[-121.0151,48.0746],[-120.9439,48.1130],[-120.9548,48.1513],[-120.9056,48.1623],[-121.0041,48.2937],[-121.0699,48.3156],[-121.0425,48.3485],[-121.0644,48.3923],[-121.0370,48.4306],[-121.0480,48.4854],[-120.8563,48.5511],[-120.7851,48.5073]]]]}}]} 5324 RGB(112,187,255)

  2. 將地圖控制項的以下進階屬性繫結至資料來源中的適當資料行：

    屬性 資料行
    圖形 GeoJSONO 物件 GeoJSON
    圖形標籤 縣市
    圖形色彩 色彩

    您的地圖應該會如下所示：

    包含醒目顯示特定區域之匯入圖形的地圖螢幕擷取畫面。

顯示繪製或插入圖形的周長和面積 (預覽版)

您的應用程式可以在地圖上顯示所選圖形的周長 (英尺) 和面積 (平方英尺)。

  1. 在您的應用程式中，開啟插入索引標籤，然後展開顯示。
  2. 在應用程式畫面上選取文字標籤來插入標籤。 視需要移動或調整大小。
  3. 將標籤控制項的 Text 屬性變更為 [Map].SelectedShape.Area 或 [Map].SelectedShape.Perimeter，以顯示所選圖形的面積或周長。 (提示：依您的偏好在資料編輯列中或屬性索引標籤中輸入指定值。)

以下範例使用四個文字標籤來顯示所選圖形的面積和周長：

在地圖上選取圖形的螢幕擷取畫面，旁邊有兩個顯示圖形面積和周長的文字標籤。

其他互動式地圖功能

其他地理空間控制項

若要在輸入時查看動態地址建議，請使用**地址輸入** 控制項。

注意

是否能請您告知您偏好的慣用文件語言？ 請填寫問卷。 (請注意，本問卷為英文版)

完成問卷大約需要七分鐘。 本問卷將不會收集個人資料 (隱私權聲明)。