İnteraktif Harita Yapımı

[paparnoz]

Google Maps ve National Geo'nun mapmakerını biraz kurcaladım ama tam olarak işime yaramıyor.

Yapmak istediğim şey bazı yerleri işaretlemek ve bu işaretlediğim yerlere tıklayınca ekleyeceğim makale ve resimlerin çıkması.

Bunu nasıl yapabilirim ? Kolay ve Basit bir yolu var mı ?

[ad3m]

Maps üzerinde mi yapmak istiyorsun yoksa sunum falan mı yapacaksın?

[KillJoy]

nerde nasıl yapacaksın.

css+html ile web sayfası olarak yapabilirsn mesela

[ad3m]

http://www.outsharked.com/imagemapster/default.aspx?demos.html#beatles

Şuna göz at beatles demosu tam istediğin sanırsam.

html css/js, flash vs bi sürü alternatifin var.

[KillJoy]

aynen (tu) hazırını bulmuşsun

[paparnoz]

Teşekkür ederim, evet Beatles tam istediğim gibi lakin nasıl yapıyoruz ? Css ve Html bilgim yok.

[paparnoz]

KillJoy said:

nerde nasıl yapacaksın.

css+html ile web sayfası olarak yapabilirsn mesela

Bilgisayarda yapmak istiyorum, yani tıkladığımda açılacak çalışma platformu gibi.

[Dragonfire]

google maps yada earth te pin koyarsın local de makalenin yerini linklersin yada yazının.

[KillJoy]

sunum yapacaksan prezi ile yap

[ad3m]

Al abi basit html css ile yaptım

https://jsfiddle.net/4mya2jpq/

http://imagemap-generator.dariodomi.de/ bu sayfadan image map oluşturdum haritaya 2 tane ankara ve çorum için

sonrada içeriği için birer div oluşturdum ankara ve çorum id atayıp daha sonra map linklerine üzerine gelince gösteren çekince kaybolan 2 event ekledim bu kadar.

dikkat edeceğin tek şey doğru linkte doğru div'i show/hide mantığı.
Kendi resmini atıp istediğin yerlere map ekler sonra sana verdiğim templateten geliştirebilirsin.En basit hali bu yani bunun.

[ad3m]

http://pastebin.com/jxSL0eXW

Localde çalışırım diyorsan kodlar resimi indir img klasörünün içine turkiye-haritasi.jpg olarak at. bu koduda .html uzantısı ile kaydedip aç sonra editle browserdan test et kolay gelsin.

[paparnoz]

Dragonfire said:

google maps yada earth te pin koyarsın local de makalenin yerini linklersin yada yazının.

Yazı link olarak değil direk çat diye açılacak, üç - dört sayfalıkta değil 22 sayfalık makaleler var. Neredeyse 100 tane 22 sayfalık makale var, bunu harita üzerinde kopyala - yapıştır yaparak eklemek istiyorum.

ad3m said:

Al abi basit html css ile yaptım

https://jsfiddle.net/4mya2jpq/

http://imagemap-generator.dariodomi.de/ bu sayfadan image map oluşturdum haritaya 2 tane ankara ve çorum için

sonrada içeriği için birer div oluşturdum ankara ve çorum id atayıp daha sonra map linklerine üzerine gelince gösteren çekince kaybolan 2 event ekledim bu kadar.

dikkat edeceğin tek şey doğru linkte doğru div'i show/hide mantığı.
Kendi resmini atıp istediğin yerlere map ekler sonra sana verdiğim templateten geliştirebilirsin.En basit hali bu yani bunun.

Çok Teşekkürler, bunu deneyeyim.