Drawing Library

DrawingManager sınıfı

google.maps.drawing.DrawingManager sınıfı
MVCObject
kitaplığını "drawing"genişletir

Kullanıcıların harita üzerinde işaretçi, poligon, çoklu çizgi, dikdörtgen ve daire çizmesine olanak tanır. DrawingManager öğesinin çizim modu, kullanıcı tarafından oluşturulacak yer paylaşımının türünü tanımlar. Haritaya bir kontrol ekleyerek kullanıcının çizim modunu değiştirmesine olanak tanır.

const {DrawingManager} = await google.maps.importLibrary("drawing");
DrawingManager
DrawingManager([options])
Parametreler:
Kullanıcıların harita üzerinde yer paylaşımları çizmesine ve çizim kontrolüyle çizilecek yer paylaşımı türleri arasında geçiş yapmasına olanak tanıyan bir DrawingManager oluşturur.
getDrawingMode
getDrawingMode()
Parametreler: Yok
Dönüş Değeri: OverlayType|null
DrawingManager öğesinin çizim modunu döndürür.
getMap
getMap()
Parametreler: Yok
Dönüş Değeri: Map|null
DrawingManager öğesinin eklendiği Map öğesini döndürür. Bu, oluşturulan yer paylaşımlarının yerleştirileceği Map öğesidir.
setDrawingMode
setDrawingMode(drawingMode)
Parametreler:
Döndürülen değer: Yok
DrawingManager öğesinin çizim modunu değiştirir. Bu mod, haritaya eklenecek yer paylaşımının türünü tanımlar. Kabul edilen değerler: 'marker', 'polygon', 'polyline', 'rectangle', 'circle' veya null. null çizim modu, kullanıcının haritayla normal şekilde etkileşim kurabileceği ve tıklamaların herhangi bir şey çizmeyeceği anlamına gelir.
setMap
setMap(map)
Parametreler:
  • map: Map optional
Döndürülen değer: Yok
DrawingManager nesnesini belirtilen Map öğesine ekler.
setOptions
setOptions(options)
Parametreler:
Döndürülen değer: Yok
DrawingManager seçeneklerini ayarlar.
Devralınan: addListener, bindTo, get, notify, set, setValues, unbind, unbindAll
circlecomplete
function(circle)
Bağımsız değişkenler:
  • circle: Circle optional Kullanıcının çizdiği daire.
Bu etkinlik, kullanıcı bir daire çizmeyi tamamladığında tetiklenir.
markercomplete
function(marker)
Bağımsız değişkenler:
  • marker: Marker Kullanıcının çizdiği işaretçi.
Bu etkinlik, kullanıcı bir işaretçi çizmeyi tamamladığında tetiklenir.
overlaycomplete
function(event)
Bağımsız değişkenler:
  • event: OverlayCompleteEvent optional Kullanıcının çizdiği yer paylaşımı ve yer paylaşımının türü.
Bu etkinlik, kullanıcı herhangi bir türde yer paylaşımı çizmeyi tamamladığında tetiklenir.
polygoncomplete
function(polygon)
Bağımsız değişkenler:
  • polygon: Polygon Kullanıcının yeni çizdiği poligon.
Bu etkinlik, kullanıcı bir poligon çizmeyi tamamladığında tetiklenir.
polylinecomplete
function(polyline)
Bağımsız değişkenler:
  • polyline: Polyline optional Kullanıcının çizdiği çoklu çizgi.
Bu etkinlik, kullanıcı bir çoklu çizgi çizmeyi tamamladığında tetiklenir.
rectanglecomplete
function(rectangle)
Bağımsız değişkenler:
  • rectangle: Rectangle optional Kullanıcının az önce çizdiği dikdörtgen.
Bu etkinlik, kullanıcı bir dikdörtgen çizmeyi bitirdiğinde tetiklenir.

DrawingManagerOptions arayüzü

google.maps.drawing.DrawingManagerOptions arayüz

Çizim yöneticisi seçenekleri.
circleOptions
isteğe bağlı
Tür: CircleOptions optional
Bu DrawingManager ile oluşturulan yeni dairelere uygulanacak seçenekler. center ve radius özellikleri yoksayılır ve yeni bir dairenin map özelliği her zaman DrawingManager haritasına ayarlanır.
drawingControl
isteğe bağlı
Tür: boolean optional
Varsayılan: true
Çizim kontrolünün etkin/devre dışı durumu.
drawingControlOptions
isteğe bağlı
Tür: DrawingControlOptions optional
Çizim kontrolünün görüntüleme seçenekleri.
drawingMode
isteğe bağlı
Tür: OverlayType optional
Haritaya eklenecek yer paylaşımı türünü tanımlayan DrawingManager çizim modu. Kabul edilen değerler: 'marker', 'polygon', 'polyline', 'rectangle', 'circle' veya null. null çizim modu, kullanıcının haritayla normal şekilde etkileşim kurabileceği ve tıklamaların herhangi bir şey çizmeyeceği anlamına gelir.
map
isteğe bağlı
Tür: Map optional
DrawingManager öğesinin eklendiği Map. Oluşturulan yer paylaşımları bu Map öğesine yerleştirilir.
markerOptions
isteğe bağlı
Tür: MarkerOptions optional
Bu DrawingManager ile oluşturulan yeni işaretçilere uygulanacak seçenekler. position özelliği yoksayılır ve yeni bir işaretçinin map özelliği her zaman DrawingManager haritasına ayarlanır.
polygonOptions
isteğe bağlı
Tür: PolygonOptions optional
Bu DrawingManager ile oluşturulan yeni poligonlara uygulanacak seçenekler. paths özelliği yoksayılır ve yeni bir poligonun map özelliği her zaman DrawingManager haritasına ayarlanır.
polylineOptions
isteğe bağlı
Tür: PolylineOptions optional
Bu DrawingManager ile oluşturulan yeni çoklu çizgilere uygulanacak seçenekler. path özelliği yoksayılır ve yeni bir çoklu çizginin map özelliği her zaman DrawingManager haritasına ayarlanır.
rectangleOptions
isteğe bağlı
Tür: RectangleOptions optional
Bu DrawingManager ile oluşturulan yeni dikdörtgenlere uygulanacak seçenekler. bounds özelliği yoksayılır ve yeni bir dikdörtgenin map özelliği her zaman DrawingManager haritasına ayarlanır.

DrawingControlOptions arayüzü

google.maps.drawing.DrawingControlOptions arayüz

Çizim kontrolünün oluşturulmasıyla ilgili seçenekler.
drawingModes
isteğe bağlı
Tür: Array<OverlayType> optional
Varsayılan: [OverlayType.MARKER, OverlayType.POLYLINE, OverlayType.RECTANGLE, OverlayType.CIRCLE, OverlayType.POLYGON]
Çizim kontrolünde gösterilecek çizim modları, gösterilecekleri sırayla. El simgesi (null çizim moduna karşılık gelir) her zaman kullanılabilir ve bu dizide belirtilmez.
position
isteğe bağlı
Tür: ControlPosition optional
Varsayılan: ControlPosition.TOP_LEFT
Pozisyon kimliği. Kontrolün haritadaki konumunu belirtmek için kullanılır.

OverlayCompleteEvent arayüzü

google.maps.drawing.OverlayCompleteEvent arayüz

DrawingManager üzerindeki bir overlaycomplete etkinliğinin özellikleri.
overlay
Tamamlanan yer paylaşımı.
type
Tamamlanan yer paylaşımının türü.

OverlayType sabitleri

google.maps.drawing.OverlayType sabitleri
kitaplığı "drawing"

DrawingManager tarafından oluşturulabilecek yer paylaşımı türleri. Bunları değere göre veya sabitin adını kullanarak belirtin. Örneğin, 'polygon' veya google.maps.drawing.OverlayType.POLYGON

Bu sabitler dize olarak da kullanılabilir. TypeScript'te dize sabit değerleri OverlayTypeString türüyle tanımlanır.

const {OverlayType} = await google.maps.importLibrary("drawing");
CIRCLE DrawingManager öğesinin daireler oluşturduğunu ve overlaycomplete etkinliğinde verilen yer paylaşımının bir daire olduğunu belirtir.
MARKER DrawingManager öğesinin işaretçiler oluşturduğunu ve overlaycomplete etkinliğinde verilen yer paylaşımının bir işaretçi olduğunu belirtir.
POLYGON DrawingManager öğesinin çokgenler oluşturduğunu ve overlaycomplete etkinliğinde verilen yer paylaşımının bir çokgen olduğunu belirtir.
POLYLINE DrawingManager öğesinin çoklu çizgiler oluşturduğunu ve overlaycomplete etkinliğinde verilen yer paylaşımının bir çoklu çizgi olduğunu belirtir.
RECTANGLE DrawingManager öğesinin dikdörtgenler oluşturduğunu ve overlaycomplete etkinliğinde verilen yer paylaşımının bir dikdörtgen olduğunu belirtir.