Firmamız için haftasonu bir Facebook sayfası oluşturdum. Sayfaya da ulaşım bilgilerini girdim ve tabi işin can alıcı noktası bir de harita eklemek istedim. Haritayı en detaylı Google Maps’de bulduğum için buradan ekledim. Ancak birkaç tane sorunum vardı. İlki Google Maps’in verdiği harita kodunu nasıl çalıştırabilirdim, ikincisi hadi çalıştırdım diyelim iframe kodunu nasıl aktif edebilecektim? Çünkü Facebook iframe yapılara izin vermiyor. Sonrasında çözümlere yaval yavaş ulaştım.
Harita ekleyebilmek için Static FBML eklentisini kurdum sayfamıza. Bu eklenti HTML kodlarını çalıştırmamızı sağlıyor. Ardından maps kodunu değişik şekillerde deneyerek eklemeye çalıştım ama yine olmadı. En son çare klasik yöntemlere kaldı ve bu şekilde hallettim. Google Maps üzerinden bir ekran görüntüsü alıp jpg resim olarak kaydettim. Ardından bu resmi sayfanın profiline yükledim. Ve resim kaynağını kopyalayarak aşağıdaki kod örneğini oluşturdum.
<a href="google maps üzerindeki harita linki" target="_blank"> <img src="resmin linki"> </a> |
A href’deki değere Google Maps’den alacağımız harita kodunu değil harita bağlantısını atıyoruz. Burada yaptığımız bildiğimiz HTML yardımı bir resme bağlantı atayıp yeni pencerede açılmasını sağladık.