Donald Trump, önümüzdeki hafta Vladimir Putin ile tanışacağını söyledi. Ayrıca savaşın sonunun “bölgelerin biraz değiştirilmesini” içermesi gerektiğini söylüyor.
Yaratmaya değer olabileceğini düşündüm Appeaser haritası ABD’nin üzerine kaplanmış Kırım büyüklüğünde bir arazi alanını görselleştirmek için. ABD’nin hangi bölgelerini Rusya’ya vermeye hazır olacağınızı görmek için şekli sürükleyebilirsiniz.
Haritada, ‘Donald Trump Ayrıntısı’ bölgenizi ‘sosyal medyada paylaşmanıza izin veren bir indirme düğmesi bile var.
Sıkıcı teknik bit
Harita MapLibre’de oluşturuldu. Ne yazık ki MapLiber’in çokgenler için yerel bir ‘drag’ etkinliği yok. Bu nedenle, çokgen haritada sürüklenebilir hale getirmek için MapLibre GL JS’nin olay sistemini kullanarak basit bir etkileşim uyguladım.
İlk olarak, bir sürükleme işleminin başlangıcını işaret eden çokgenin dolgu katmanında bir Mousedown etkinliği dinliyoruz. Kullanıcı çokgeni tıkladığında, sürüklemenin başladığını ve ilk fare konumunu (startlnglat) sakladığını belirten bir bayrak ayarladık. Bu, sürüklemenin başladığı yere göre hareketi izlememizi sağlar.
Kullanıcı düğmeyi basılı tutarken fareyi hareket ettirdikçe (Mousemove olayı), geçerli fare konumu ile son kaydedilen konum arasındaki farkı hesaplarız. Daha sonra, bu ofseti her bir tepe noktasına uygulayarak çokgenin koordinatlarını güncelleyerek, çokgenin şeklini haritaya etkili bir şekilde kaydırırız. Çokgenin koordinatlarını güncelledikten sonra, değişikliklerin gerçek zamanlı olarak görünmesi için haritanın veri kaynağını güncelleriz. Son olarak, kullanıcı fare düğmesini (Mouseup olayı) serbest bıraktığında, sürükleme bayrağını temizler ve sürükleme etkileşimini tamamlayarak imleç stilini sıfırlarız. Bu yaklaşım, kullanıcının çokgeni haritada istedikleri yere sürüklemesini sağlar.
News
