JavaScript ile koordinat işaretleme

Mucosoft · 12 Haziran 2021

Ben JavaScript ile görseli hareket ettiren bir sistem geliştirdim. Hem klavye hem de fare ile tıklayıp sürükleyince görselin üzerinde geziliyor. Yani görsel yüksek çözünürlüklü. Örneğin 3000x3000 olarak düşünün, kullanıcı detaylı bir şekilde geziyor. Kısacası harita sistemi kodladım.

Harita sistemine bir de işaret ekleme özelliği ekledim. Görselin herhangi bir yerine çift tıklayan kullanıcı görselin olduğu kısma işaret eklemiş olacak. Şöyle bir sıkıntı var. Bu görsel değişince koordinatlarda kayma olabilir. Bu konuda nasıl bir çözüm öneriyorsunuz? Hangi yöntemler uygulanabilir?

316332 · 12 Haziran 2021

Direkt görseli referans alarak yapabilirsin. Örnek vermem gerekirse 3000x3000 olan bir görselde ekran (1080, 1920) noktasından başlayarak genişliği 1920 ve yüksekliği 1080 olan bir alanı görüyor. Kullanıcı ekranının (600, 700) noktasına işaret koyuyor. Bu haritanın 1080+600 ve 1920+700 hesaplarından (1680, 2620) noktasına denk gelir. Tüm haritayı baz alacağın için de sorun çıkarmayacaktır. Görselin üzerine noktayı işlemek de bir seçenek olabilirdi fakat dezavantajları sağladığı kolaylığın yanında çok büyük olacağı için iş görmeyecektir.

LastPlayer · 12 Haziran 2021

Hangi kodla marking ekliyorsunuz?
Görselin boyutuna göre yerleştirme yapabilirsiniz.

Mucosoft · 12 Haziran 2021

316332 dedi:
Direkt görseli referans alarak yapabilirsin. Örnek vermem gerekirse 3000x3000 olan bir görselde ekran (1080, 1920) noktasından başlayarak genişliği 1920 ve yüksekliği 1080 olan bir alanı görüyor. Kullanıcı ekranının (600, 700) noktasına işaret koyuyor. Bu haritanın 1080+600 ve 1920+700 hesaplarından (1680, 2620) noktasına denk gelir. Tüm haritayı baz alacağın için de sorun çıkarmayacaktır. Görselin üzerine noktayı işlemek de bir seçenek olabilirdi fakat dezavantajları sağladığı kolaylığın yanında çok büyük olacağı için iş görmeyecektir.

Peki ya görselde kayma olursa? Yani örneğin harita değişti. Bu da veritabanındaki işaretlerin kaymasına sebep olacak. Bu konuda ne yapılabilir? Farklı yöntemler mevcut mu?

LastPlayer dedi:
Hangi kodla marking ekliyorsunuz?
Görselin boyutuna göre yerleştirme yapabilirsiniz.

Sıkıntı olabilir. Görselin boyutunu daha sonradan değiştirebilirim, yani sistemin dinamik olması lazım.

Kendim kodluyorum, kendi özel kütüphanem var. İşaret eklemek için div kutusunu çağırıyorum. Sonrasında ise veriler AJAX ile veri veritabanına gidiyor ve koordinatları kayıt ediyor.

316332 · 12 Haziran 2021

Mucosoft dedi:
Peki ya görselde kayma olursa? Yani örneğin harita değişti. Bu da veritabanındaki işaretlerin kaymasına sebep olacak. Bu konuda ne yapılabilir? Farklı yöntemler mevcut mu?

Sıkıntı olabilir. Görselin boyutunu daha sonradan değiştirebilirim, yani sistemin dinamik olması lazım.

Kendim kodluyorum, kendi özel kütüphanem var. İşaret eklemek için div kutusunu çağırıyorum. Sonrasında ise AJAX ile veri veritabanına gidiyor ve koordinatları kayıt ediyor.

Görselin değişimini kontrol etmek gerekir. Direkt ekleme yapılması doğal olarak bozacaktır. Değişim için ek bi ara tool yazılması çok daha mantıklı olabilir. Kaymaları vs. matematiksel olarak tool'a veririz ve bu da harita üzerindeki değişimleri tekrar hesaplayıp önceden tuttuğumuz datalara işler.

JavaScript ile koordinat işaretleme

Ayrıntılı düzenleme

Mucosoft

Megapat

316332

Hectopat

LastPlayer

Kilopat

Mucosoft

Megapat

316332

Hectopat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz