共用方式為

繪圖工具模組中的互動類型和鍵盤快速鍵

  • 發行項

本文概述使用滑鼠、觸控式螢幕或鍵盤快速鍵繪製和編輯圖形的所有不同方式。

繪圖管理員支援三種不同的地圖互動方式，以繪製圖形。

  • click - 按一下滑鼠或觸控時會新增座標。
  • freehand - 將滑鼠或觸控拖曳至地圖時會新增座標。
  • hybrid - 按一下或拖曳滑鼠或觸控時會新增座標。

如何繪製圖形

在繪製任何圖形之前，請將繪圖管理員的 drawingMode 選項設定為支援的繪圖設定。 您可以藉由按下工具列上的其中一個繪圖按鈕來設計或叫用此設定。 即使繪製圖形之後，繪圖模式仍會保持啟用狀態，讓您輕鬆繪製相同型別的其他圖形。 以程式設計方式將繪圖模式設定為閒置狀態。 或者，選取工具列上的目前繪圖模式按鈕，以切換至閒置狀態。

下一節會概述可在地圖上繪製圖形的所有不同方式。

如何繪製點

當繪圖管理員處於 draw-point 繪圖模式時，可以執行下列動作來在地圖上繪製點。 這些方法適用於所有互動模式。

開始繪圖

  • 選取滑鼠左鍵，或觸控地圖以將點新增至地圖。
  • 如果滑鼠位於地圖上，請按 F 鍵，並在滑鼠指標的座標處新增點。 這個方法提供更高的正確性，可將點新增至地圖。 由於滑鼠左鍵的按下動作，滑鼠上的移動會減少。
  • 繼續按一下、觸控或按 F，以將更多點新增至地圖。

完成繪圖

  • 選取繪圖工具列中的任何按鈕。
  • 以程式設計方式設定繪圖模式。
  • 按 C 鍵。

取消繪圖

  • 按 Escape 鍵。

如何繪製線條

當繪圖管理員處於 draw-line 模式時，可以執行下列動作，根據互動模式在地圖上繪製點。

開始繪圖

  • 按一下模式
    • 選取滑鼠左鍵，或觸控地圖以在地圖上新增線條的每個點。 座標會新增至每次按一下或觸控的線條。
    • 如果滑鼠位於地圖上，請按 F 鍵，並在滑鼠指標的座標處新增點。 這個方法提供更高的正確性，可將點新增至地圖。 由於滑鼠左鍵的按下動作，滑鼠上的移動會減少。
    • 繼續按一下，直到所有所需的點都新增至該線條為止。
  • 手繪模式
    • 按下滑鼠左鍵，或在地圖上向下觸控，並拖曳滑鼠或觸控點。 當滑鼠或觸控點在地圖周圍移動時，便會將座標新增至線條。 一旦觸發滑鼠或觸控事件，繪圖就會完成。 繪圖管理員 freehandInterval 選項可定義新增座標的頻率。
  • 混合模式
    • 繪製單一線條時，視需要在按一下和手繪方法之間交替使用。 例如，按一下幾個點，然後按住並拖曳滑鼠以新增一堆點，然後在一些點按一下。

完成繪圖

  • 混合式/按一下模式
    • 按兩下最後一個點的地圖。
    • 按一下繪圖工具列中的任何按鈕。
    • 以程式設計方式設定繪圖模式。
  • 手繪模式
    • 放開滑鼠按鍵或觸控點。
  • 按 C 鍵。

取消繪圖

  • 按 Escape 鍵。

如何繪製多邊形

當繪圖管理員處於 draw-polygon 模式時，可以執行下列動作，根據互動模式在地圖上繪製點。

開始繪圖

  • 按一下模式
    • 選取滑鼠左鍵，或觸控地圖以在地圖上新增多邊形的每個點。 座標會新增至每次按一下或觸控的多邊形。
    • 如果滑鼠位於地圖上，請按 F 鍵，並在滑鼠指標的座標處新增點。 這個方法提供更高的正確性，可將點新增至地圖。 由於滑鼠左鍵的按下動作，滑鼠上的移動會減少。
    • 繼續按一下，直到所有所需的點都新增至該多邊形為止。
  • 手繪模式
    • 按下滑鼠左鍵，或在地圖上向下觸控，並拖曳滑鼠或觸控點。 當滑鼠或觸控點在地圖周圍移動時，便會將座標新增至多邊形。 一旦觸發滑鼠或觸控事件，繪圖就會完成。 繪圖管理員 freehandInterval 選項可定義新增座標的頻率。
  • 混合模式
    • 繪製單一多邊形時，視需要在按一下和手繪方法之間交替使用。 例如，按一下幾個點，然後按住並拖曳滑鼠以新增一堆點，然後在一些點按一下。

完成繪圖

  • 混合式/按一下模式
    • 按兩下最後一個點的地圖。
    • 按一下多邊形中的第一個點。
    • 按一下繪圖工具列中的任何按鈕。
    • 以程式設計方式設定繪圖模式。
  • 手繪模式
    • 放開滑鼠按鍵或觸控點。
  • 按 C 鍵。

取消繪圖

  • 按 Escape 鍵。

如何繪製矩形

當繪圖管理員處於 draw-rectangle 模式時，可以執行下列動作，根據互動模式在地圖上繪製點。 產生的圖形會遵循矩形的延伸 GeoJSON 規格。

開始繪圖

  • 按下滑鼠左鍵，或在地圖上觸控以新增矩形的第一個圓角，並拖曳以建立矩形。

完成繪圖

  • 放開滑鼠按鍵或觸控點。
  • 以程式設計方式設定繪圖模式。
  • 按 C 鍵。

取消繪圖

  • 按 Escape 鍵。

如何繪製圓形

當繪圖管理員處於 draw-circle 模式時，可以執行下列動作，根據互動模式在地圖上繪製點。 產生的圖形會遵循圓型的延伸 GeoJSON 規格。

開始繪圖

  • 按下滑鼠左鍵，或在地圖上向下觸控以新增圓形的中心，並拖曳為圓形提供半徑。

完成繪圖

  • 放開滑鼠按鍵或觸控點。
  • 以程式設計方式設定繪圖模式。
  • 按 C 鍵。

取消繪圖

  • 按 Escape 鍵。

鍵盤快速鍵

繪圖工具支援鍵盤快速鍵。 當地圖處於焦點時，這些鍵盤快速鍵會正常運作。

機碼 動作
C 完成進行中的任何繪圖，並將繪圖模式設定為閒置。 焦點會移至最上層地圖元素。
Escape 取消進行中的任何繪圖，並將繪圖模式設定為閒置。 焦點會移至最上層地圖元素。
F 如果滑鼠位於地圖上，請將座標新增至點、線條或多邊形。 在按一下或混合模式時，按一下地圖的對等動作。 此快速鍵允許更精確且更快速的繪圖。 您可以使用一手來放置滑鼠，另一手來按下按鈕，而不需從按下手勢移動滑鼠。
Delete 或 Backspace 如果在編輯模式時選取圖形，請將其刪除。

下一步

深入瞭解繪圖工具課程模組中的類別：

繪圖管理員

繪圖工具列