Bu, serbest çizim seçeneği olan bir harita poligonudur. Harita için mapbox.js, serbest çizim için leaflet.freedraw.js kullandım… İsterseniz leaflet.js kullanarak düzenleyebilirsiniz. Github‘da görüntüleyebilirsiniz.

Web Sayfasında Canlı Önizleme

Serbest Çizim Seçeneği

Haritada bir poligon alanı seçtiğinizde, Javascript fonksiyonu poligonun koordinat dizisini alır ve kodlar. Ardından bu kodlanmış diziyi bir get isteğiyle gönderir.

Kodlanmış dizi bir get isteğiyle geldiğinde, başka bir fonksiyon onu alır ve kodunu çözer. Ardından, bu koordinat dizisini kullanan bir poligon alanı yerleştirir.