29 Eylül 2007 Cumartesi

Kendi Google Haritanızı Sitenize Ekleyin

Daha önce Wikimapia kullanarak web sayfalarına kod yazmadan bir Google haritası eklemenin yollarını anlatmıştım.

Google'a bu yönde çok istek geliyor olacak ki Google Maps ile bu hizmeti kendi bünyelerinde sunmaya başladılar. Artık işlemler çok daha kolay ve özelleştirilebilir. İşte bir örnek:


Bu iş için bir Google hesabı gerekiyor. Gmail'den bir hesap aldıysanız bu yeterli olacaktır.

  1. maps.google.com adresine girin.
  2. Soldaki menüde My Maps linkine tıklayın.
  3. Gelen sayfada Create New Map düğmesine tıklayın.
  4. Şimdi Google hesabınızla giriş yapın. Giriş yaptıktan sonra tekrar Harita sayfasına yönlendirileceksiniz ve Untitled isimli haritanız yaratılmış olacak.
  5. İsterseniz alttaki kutularda Title kutusuna bir başlık, Description kutusuna bir açıklama yazın.
  6. Ardından harita üzerinde gözükmesini istediğiniz alanı seçin.
  7. Sağ üstte Link To This Page yazan linke tıklayın.
  8. Açılan pencerede ikinci kutudaki kodu seçip kopyalayın.
  9. Bu kodu haritayı koymak istediğiniz sitenin kod bölümüne yapıştırın.
Böylece Google haritanız sitenizde gözükmeye başlayacak. Ancak yapabilecekleriniz bununla sınırlı değil.

İsterseniz Link To This Page linkine tıkladıktan sonra açılan pencerede en altta Customize and Preview Embedded Map linkine tıklayarak haritanın bazı ayarlarını değiştirebilirsiniz.
Buna tıkladığınızda yeni bir pencere açılacak. Burada haritanın büyüklüğünü belirleyebilirsiniz. Small, Medium, Large gibi hazır boyutları kullanabileceğiniz gibi Custom'ı seçerek Width ile genişlik, Height ile yüksekliği istediğiniz gibi belirleyebilirsiniz.

Yine bitmedi. İsterseniz haritada gözükmesini istediğiniz alanı buradan da belirleyebilirsiniz. Veya MAP, SAT, HYB düğmelerine tıklayarak haritanın gösterim seçeneklerini ayarlayabilirsiniz. Bunların gösterecekleri:
  • MAP: Standart harita
  • SAT: Standart uydu görüntüsü
  • HYB: Uydu görüntüsü üzerinde harita bilgileri

şeklindedir. Ayarlarınızı bitirdikten sonra alttaki kodu kopyalayıp sitenin kod bölümüne yapıştırın.

İsterseniz placemark, line ve polygon ile yer işaretleri, çizgiler ve poligonlar da ekleyebilirsiniz. Ama her değişiklikten sonra SAVE düğmesine basmayı unutmayın.

2 yorum:

zlatan dedi ki...

sağolun güzel paylaşım

Adsız dedi ki...

eyvallah işimize çok yaradı...