Google Maps Haritası Ekleme

trial

OpenCart-TR
Katılım
28 Haz 2010
Mesajlar
73
Tepkime puanı
0
Puanları
0
Web sitesi
www.donanimmerkezi.com
Arkadaşlar google'ın java tabanlı site içerisine iletişim alanında kullanabileceğiniz kullanışlı bir haritası mevcut. Bu haritayı eklemek için aşağıdaki adımları izleyip kolayca siteye harita ekleyebilirsiniz.

1) Buradan sitenizin adresini yazıp size özel bir key kodu alın.

2) Kodları biraz kesip biçtim. Gerekli olan kısım aşağıda duruyor. Bu kodu
catalog/view/theme/default/templade/information/contact.tpl dosyasının içine ekleyebilirsiniz.

Kod:
<style type="text/css" media="screen">
	* { margin:0; padding:0 }
	div#map { width:500px; height:500px }
</style>

<script src="http://maps.google.com/maps?file=api&v=2&key=Buraya key yazılacak" type="text/javascript"></script>
<script type="text/javascript">
    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(41.001897, 28.583706), 14);
      }
    }
</script> 
<body onload="load()" onunload="GUnload()">
<div id="map"></div>
</body>
 </html>

3)Yukarıdaki kodla değiştirmeniz gereken yerleri değiştiriniz. Harita boyutu, key ve koordinatları kendinize göre düzenleyiniz. Koordinatların yanındaki sayı (14) yakınlık uzaklığı belirtiyor. Bunu haritada güzel görünecek şekilde tekrar düzenlemenizi öneririm.

4)Haritaya yön tuşları ve görünüm değiştirme eklemek için aşağıdaki kodu kullanabilrsiniz.

PHP:
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());

5)Haritanıza işaretleyici eklemek isterseniz aşağıdaki kodu kullanabilirsiniz.

PHP:
var marker = new GMarker(map.getCenter(), {draggable: false});
map.addOverlay(marker);

6) Bilgi baloncuğu eklemek için aşağıdaki kodu kullanabilirsiniz.

PHP:
map.openInfoWindow(map.getCenter(),
document.createTextNode("Firmanızın Adı"));

Koordinatları buradaki adresten kolayca öğrenebilirsiniz.

Alıntı: Fahri Turan'ın ve başka sitelerdeki kodların değiştirilmiş ve derlenmiş halidir. Tamamen aynısı olmasa bile daha rahat anlatmak için tekrar düzenledim. Yazan arkadaşlara teşekkür ediyorum.
 

Rapoloji

OpenCart-TR
Katılım
13 Ara 2010
Mesajlar
93
Tepkime puanı
0
Puanları
0
google map de bilgi baloncuğu nu küçültme gibi bi imkanımız yok mu üstadım ?
 

expert

OpenCart-TR
Katılım
3 Mar 2011
Mesajlar
33
Tepkime puanı
0
Puanları
0
Yaş
36
Konum
Ankara
ustat biraz da ayrıntılı anlatabilirmisin. ingilice çevirdim hiç bir şey anlamadım
ustat açılışı harita değilde uydu nasıl açtırabiliriz
 

syrus

OpenCart-TR
Katılım
26 Nis 2011
Mesajlar
16
Tepkime puanı
0
Puanları
0
iyi düşünce işe yarar mutlaka. Teşekkürler.
 

ramonmurat

OpenCart-TR
Katılım
14 Eki 2010
Mesajlar
11
Tepkime puanı
0
Puanları
0
Eline sağlık cok güzel olmuş. bilgi baloncugunun yerine resim nasıl göstere biliriz. ?
Goole Maps Bilgi Baloncu Yerine Resim Ekleme? Kodunu bilen arkadaşlarımız var ise paylaşa bilirmi araştırdım ama yapamadık şimdiden teşekkür ederim ilginiz icin.
 

piryapos

OpenCart-TR
Katılım
20 Nis 2011
Mesajlar
62
Tepkime puanı
0
Puanları
0
güzel oldu yapamayana yardımcı olurum
demo : www.laciniselbiseleri.com
 

refugee

OpenCart-TR
Katılım
22 May 2013
Mesajlar
9
Tepkime puanı
0
Puanları
0
piryapos' Alıntı:
güzel oldu yapamayana yardımcı olurum
demo : www.laciniselbiseleri.com

Yukarıdaki kodları müşterimin firmasına gore uygun bir şekilde duzenleyip ekledim. Harita site yüklenirken birkaç saniye gozukuyor.
Sayfa tamamen yüklendiğinde kayboluyor.

Neden kaynaklanıyor olabilir,

Yardımınız için şimdiden teşekkürler.
 
Üst