Haritalarda yer işaretleme

0
876
views

haritalarda yer işaretleme

Bir çok websitesi ve  şirket  tarafından kulanılan Google haritalar  artık daha kullanışlı. Sazzad Houssain tarafından jQuery ve  Css3 kullanılarak hazırlanmış  olan bu örnekte  mapsı sitenizde kendi  zevkinize  göre uyarlayabilirsiniz. Yanlış anlaşılmasın  görünümü  tamamen değişmiyor. Sadece mekanınızı  harita üzerinde gösterirken Google  üzerinden herhangi bir işlem yapmıyorsunuz. Bu çalışma sayesinde şirketinizin yada  göstermek  istediğiniz  yerleri  seçip kırmızı noktalı şeklinde işaretleyebiliyorsunuz. Ayrıca mouse kırmızı noktaların üzerine geldiği anda tooltip yani bilgilendirme balonu açılıyor. Mouse üzerine geldiğinde  açılan bilgi baloncuklarının içine şirketiniz hakkında kısa açıklamalar yazabilirsiniz.

Bu  örnek üzerinde  yapacağınız  değişiklikler  sadece  kendi siteniz üzerinde göründüğü gibi  bütün internet  siteleri üzerinde  görünmüyor. Sadece  sizin ziyaretçileriniz  sizin siteniz  üzerinden görebiliyorlar.

Demo açılır açılmaz  üstten  dört  tane  kırmızı renkli ikon düşüyor. Bu ikonlar  haritada  işaretlediğiniz  yerlerin tam üstüne düşüyor. Bu ikonların görünümünü değiştirebilirsiniz isterseniz şirketinizin sembolünü de kullanabilirsiniz  bu bölümde.  O zaman haritalar üzerinde  bayrak yada ikon değilde  sizin şirketinizin sembolü  sizin şirketinizi  gösterecektir.

Bölüm ekleme kısmı biraz zor. Yeryüzünde kendi  koordinatlarınızı bilip javascript kod  içine yerleştirmeniz gerekiyor.  Yaklaşık bir  sene önce  buna benzer  bir konu yayınlamıştım. Yanlışlıkla  ftp dizinindeki dosyaların tamamını  silerken yazıda malesef  uçup gitti. Bahsettiğim yazıda  Türkiye’nin farklı farklı bölgelerini haritalar  üzerinde  ekleyip anlatmıştım. Baya zor bir  durumdu. Örnek bir koordinat :  40.704686,-74.011602

Haritalar üzerinde  belirlediğiniz koordinatlara  özel  başlıklar ve  açıklamaların yanında resim de ekleyebilirsiniz. Tek yapmanız  gereken resim kodunu  javascript kodların içine yerleştirmek. Nereye  yerleştireceğinizi tam olarak bilmiyorsanız  en kolayından <small> /small>  etiketleri  arasına ekleyebilirsiniz.

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölümler.

Js dosya adresleri : 

 JavaScript : 

 Css : 

  •  Body etiketleri arasına eklemeniz gereken bölüm.

Html : 

 

Aranan kelimeler:

  • harita üzerinde yer işaretleme
  • haritada yer işaretleme
  • harita üzerinde işaretleme yapma
  • google haritada yurtdışı harştalarda güzergah işaretlemek
  • sahibinden com harita işaretleme
  • harita üzerinde koordinat işaretleme
  • üzerinde değişiklik yapabilecek türkiye haritası
  • harita üzerinde adres işaretleme
  • harita işaretlemeleri
  • harita işaretleme
1 oy (1 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikBasit buton tasarımları
Sonraki İçerikAnyStretch.js – Div içeriğini dinamik boyutlandırma
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here