search

dnomak / svg-turkiye-haritasi

SVG Türkiye Haritası
MIT License
526 stars 157 forks source link

il isimleri nasıl gösterilir #21

Closed suatsuphi closed 6 years ago

suatsuphi commented 6 years ago

Merhaba,

illerin içinde il isimlerini nasıl gösterebiliriz ? mouse over güzel ancak il isimlerini de göstermek mümkün mü?

SarperMUTLUBAY commented 6 years ago

Çalışma yapılarak yapılabilecek bir şey ancak yüz ölçümü bakımından büyük illerde sorun olmasa da Osmaniye veya Kilis gibi bir ilin içinde isim göstermek görsellik açısından kötü duracaktır.

image

suatsuphi commented 6 years ago

ben yaptım güzel oldu java konusunda bilgili değilim ancak svg dosyası text özelliğinin tasarıma gerek bırakmıyor. Kahramanmaraş ismi dediğiniz gibi sorun oldu onu da ikiye böldüm... ancak harita küçüldüğünde yazılar da küçülür bence güzel oldu. Kodlar aşağıda bu haritayı ücretli satan siteler var kıbrıs da dahil değildi...

https://drive.google.com/file/d/12wAJCx6AhiwV19S_v0pHYP5THA9k-1Q3/view?usp=sharing

text tag ını path tagından sonraya koyarsam text tagının mouseover özelliği ortaya çıkıyor o yüzden text tagını önceye koydum ve path transparency özelliğini kullanarak text i yazısını gösteriyorum. aksi durumda text mouseover ile path mouseover nasıl tetiklenir ? örnekte adana

suatsuphi commented 6 years ago

dosyayı bir div içine koyduuğunuzda div pozisyonunu ayarlanan tooltip pozisyonundan çıkartırlması gerekli.

element.addEventListener( 'mousemove', function (event) { var x = $("#turkiye").position().left; var y = $("#turkiye").position().top; info.style.top = event.pageY + 25 - y + 'px'; info.style.left = event.pageX - x + 'px'; } );

mehmetalikus commented 5 years ago

sayfa uzunluğu yükseldikçe il isimleri gözükmüyor malesef. Şimdilik belli sabit bir değer verdim % lik bu sayede haritanın ortasında il isimleri çıkartabiliyorum. Kendine ait sadece harita sayfasında illerin üstünde çıkartıyorum. Bunu çözebilecek bi dahi var mı ?