MMCN.ORG

Joomla, iPhone, iPad, Teknoloji Blogu

iPTT Türkiye Kanal 109 Turkuaz

Cmt11022012

Son Güncelleme14:16:43

Geri Joomla İletişim Formuna Google Maps

İletişim Formuna Google Maps

Joomla'nızda kullandığınız iletişim formuna google maps haritasını eklemeye ne dersiniz? Özellikle kurumsal sitelerde kullanabileceğiniz bu düzenleme ile iletişim formunuza biraz daha canlılık katabilirsiniz. Tabi bu değişikliğin joomlanın çekirdek kodlarında yapılması gerektiğini de belirtmekte yarar var. Yeni bir joomla sürüm yükseltmesinde bu yapılan değişikliğin kaybolacağını ve yeniden yapılması gerektiğini vurgulamak isterim. Yapılacak olan çekirdek kod değişikliği son derece basit olup tek bir dosya üzerinde gerçekleştirilecektir.

İsterseniz bu açıklamalardan sonra bu işlemin nasıl yapılacağına geçelim.

Malzemeler:

1 - Öncelikle Google Maps linkindeki plugini indirip joomlamıza kuralım.

2 - Daha sonra da Google API sayfasından kendimize bir api oluşturalım.

3 - Daha sonra bu API anahtarını yüklemiş olduğumuz Google Maps plugini içine girerek ilgili alana ekleyelim.

Şimdi de "administrator/components/com_contact/contact_items.xml" dizinindeki dosyamızı düzenleme programı ile açarak aşağıdaki kodları bulalım;

{xtypo_code}<param name="allow_vcard" type="radio" default="0" label="vCard" description="Show/Hide VCard">
<option value="0">Hide</option>
<option value="1">Show</option>
</param>{/xtypo_code}

Bu kodların hemen altına aşağıdaki kodları ekleyip kaydedelim;

{xtypo_code}<param name="@spacer" type="spacer" default="" label="" description="" />
<param name="lat" type="text" defautl="" label="Latitud" description="Latitud en el mapa" />
<param name="lon" type="text" defautl="" label="Longitud" description="Longitud en el mapa" />{/xtypo_code}

Ardından "components/com_contact/views/contact/tmpl/default_address.php" dizinindeki dosyamızı alarak temamızın klasörü içine şu şekilde ekleyelim "/templates/[kullanılan temamız]/html/com_contact/contact/"

Eğer temamızın klasörü içinde "html" diye bir klasör yoksa bu klasörü elle oluşturalım ve yine html klasörü içinde "com_contact" isimli bir klasör bunun da içinde "contact" isimli ayrı bir klasör oluşturalım.

İşte bu son klasörün içine "components/com_contact/views/contact/tmpl/" klasöründe yer alan "default_address.php" dosyasını kopyalayalım.

Daha sonra bu dosyamızı bir html düzenleme programı yardımı ile açalım ve aşağıdaki kodları, var olan kodların en altına ekleyelim

{xtypo_code}<?php
if ( $this->contact->params->get('lat')!='' && $this->contact->params->get('lon')!='' ) {

echo '<div>';

$mosmap = &JTable::getInstance('contact');
$mosmap->text="{mosmap lat='".$this->contact->params->get('lat')."'|lon='".$this->contact->params->get('lon')."'|height='200px'|width='100%'}";
$dispatcher =& JDispatcher::getInstance();
$params = & new JParameter('');

JPluginHelper::importPlugin('content');
$results = $dispatcher->trigger('onPrepareContent', array (& $mosmap, & $params, 0));

echo $mosmap->text;

echo '</div>';
}
?>{/xtypo_code}

Hepsi bu kadar, artık iletişim formu hazırladığımız alana dönerek iletişim kişisini düzenlediğimizde bu eklenen yeni alanların sağdaki parametreler kısmına en alta geldiğini görebiliriz. Bu kısımı kullanarak istediğimiz google haritasını ekleyebilir ve iletişim formundan gösterebiliriz.

İşlemleri doğru yapmışsak aşağıdaki resimde olduğu gibi görünümü elde etmiş olacağız

0 Yorum

Üye olmayan ziyaretçilerin yorumları yönetim tarafından kontrol edildikten sonra yayınlanır.