Çizim araçları olayları

Makale
10/16/2024

Harita üzerinde çizim araçlarını kullanırken, kullanıcı harita üzerinde çizim yaparken belirli olaylara tepki vermek yararlı olur. Bu tabloda sınıfı tarafından desteklenen tüm olaylar listelenmektedir DrawingManager .

Olay	Açıklama
`drawingchanged`	Bir şekildeki herhangi bir koordinat eklendiğinde veya değiştirildiğinde tetiklenir.
`drawingchanging`	Şeklin herhangi bir önizleme koordinatı görüntülendiğinde tetiklenir. Örneğin, bir koordinat sürüklendikçe bu olay birden çok kez tetikler.
`drawingcomplete`	Şekil çizimi tamamladığında veya düzenleme modundan çıkarıldığında tetiklenir.
`drawingerased`	Bir şekil, moddayken çizim yöneticisinden silindiğinde `erase-geometry` tetiklenir.
`drawingmodechanged`	Çizim modu değiştiğinde tetiklenir. Yeni çizim modu olay işleyicisine geçirilir.
`drawingstarted`	Kullanıcı bir şekil çizmeye başladığında veya bir şekli düzenleme moduna yerleştirdiğinde tetiklenir.

Harita üzerinde bir vektör kutucuğu kaynağından verilerin nasıl görüntüleneceğini gösteren eksiksiz bir çalışma örneği için bkz. Azure Haritalar Örnekleri'nde Çizim araçları olayları. Bu örnek, haritaya şekiller çizmenizi ve olayların tetiklenişini izlemenizi sağlar. Bu örneğin kaynak kodu için bkz . Çizim araçları olayları örnek kodu.

Aşağıdaki görüntüde, Çizim Araçları modülündeki olayların nasıl çalıştığını gösteren tam çalışma örneğinin ekran görüntüsü gösterilmektedir.

Örnekler

Çizim araçları olaylarını kullanan bazı yaygın senaryoları görelim.

Çokgen alandaki noktaları seçme

Bu kod, şekil çizen bir kullanıcı olayının nasıl izleneceğini gösterir. Bu örnekte kod, çokgen, dikdörtgen ve daire şekillerini izler. Ardından, haritadaki hangi veri noktalarının çizilen alan içinde olduğunu belirler. Olay drawingcomplete , seçme mantığını tetikleme amacıyla kullanılır. Seçim mantığında kod, haritadaki tüm veri noktaları arasında döngü oluşturur. Noktanın ve çizilen şeklin alanının kesişimi olup olmadığını denetler. Bu örnek, uzamsal kesişim hesaplaması gerçekleştirmek için açık kaynak Turf.js kitaplığını kullanır.

Çizim araçlarını kullanarak harita üzerinde seçilebilen noktalar içeren çokgen alanları çizmeye yönelik eksiksiz bir çalışma örneği için, Azure Haritalar Örnekleri'nde çizilmiş çokgen alanda veri seçme bölümüne bakın. Bu örneğin kaynak kodu için bkz . Çizilmiş çokgen alanda veri seçme örnek kodu.

Çokgen alanda çizim ve arama

Bu kod, kullanıcı şekli çizmeyi bitirdikten sonra şeklin alanı içinde ilgi çekici noktaları arar. Olay drawingcomplete , arama mantığını tetikleme amacıyla kullanılır. Kullanıcı bir dikdörtgen veya çokgen çizerse, geometri içinde bir arama yapılır. Daire çizilirse, ilgi çekici bir nokta araması yapmak için yarıçap ve merkez konumu kullanılır. Olay drawingmodechanged , kullanıcının çizim moduna ne zaman geçeceğini belirlemek için kullanılır ve bu olay çizim tuvalini temizler.

Çizim araçlarını kullanarak çizilen alanlardaki ilgi çekici noktaları aramak için tam bir çalışma örneği için bkz. Azure Haritalar Örnekleri'nde çokgen alanı çizme ve arama. Bu örneğin kaynak kodu için bkz. [Çokgen alan örnek kodu çizme ve arama].

Ölçüm aracı oluşturma

Aşağıdaki kod, çizim olaylarının bir ölçüm aracı oluşturmak için nasıl kullanılabileceğini gösterir. drawingchanging çizilirken şekli izlemek için kullanılır. Kullanıcı fareyi hareket ettikçe şeklin boyutları hesaplanır. Olay drawingcomplete , çizim tamamlandıktan sonra şekil üzerinde son hesaplama yapmak için kullanılır. Olay drawingmodechanged , kullanıcının çizim moduna ne zaman geçeceğini belirlemek için kullanılır. Ayrıca, drawingmodechanged olay çizim tuvalini temizler ve eski ölçüm bilgilerini temizler.

Çizim araçlarını kullanarak mesafeleri ve alanları ölçmeye yönelik eksiksiz bir çalışma örneği için bkz. Azure Haritalar Örnekleri'nde ölçüm aracı oluşturma. Bu örneğin kaynak kodu için bkz . Ölçüm aracı örnek kodu oluşturma.