Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

google maps api kullanımı

merhaba arkadaşlar,
emlak sitelerinin konut yerini belirtmek için kullandığı tarzda bir google maps haritasına ihtiyacım var. php sitede kullanacağım. bu google apisi nasıl kullanılıyor tam olarak. bu konuda hiçbir bilgim yok, o yüzden biraz basit bir anlatım dili kullanırsanız çok sevinirim.

ek: istediğim tam olarak şu tarz birşey arkadaşlar.
http://www.sikayetvar.com/sikayet/detay/1148407/mobil/is8aa
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • 1
    kiirpi adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    26 cevap - 0 soru
    Merhaba ,

    Aşağıdaki kodda bir haritayı sayfaya nasıl ekleyeceğini görebilirsin. Buradaki dinamik değerler ( noktayı ) veritabanından alarak aşağıdaki kodda gerekli yerleri değiştirerek sayfanda gösterebilirsin.

    Bu da google map api'nin ana sayfası ordan tüm bilgilere erişebilirsin.
    https://developers.google.com/maps/


    <!-- Google Harita'yı sayfamıza ekliyoruz -->
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
       <!-- Javascript kodumuz -->
        <script type="text/javascript"> 
            function initializeMap() {
                var gmappoint = new google.maps.LatLng(40.978333,29.121352);
                var myOptions = {
                    zoom: 16,
                    center: gmappoint,
                    mapTypeId: google.maps.MapTypeId.HYBRID
                }
                var map = new google.maps.Map(document.getElementById("divMap"), myOptions);
                // infoWindow içerisinde gösterilecek içeriği ayarlanıyor
                var contentString = "İçerik Burada ayarlanıyor";
                // infoWindow oluşturuluyor
                var infowindow = new google.maps.InfoWindow({
                    content: contentString
                });
                var gmapMarker = new google.maps.Marker({
                    position: new google.maps.LatLng(40.978333,29.121352), 
                    map: map, 
                    title:"Nokta Bilgisi"
                });
                // gmapMarker'a click event'i ekleniyor ve infowindow'un gösterilmesini
                google.maps.event.addListener(bioteknoMarker, 'click', function(event) {
                    infowindow.open(map,gmapMarker);
                });
                // info penceresinin otomatik açılması sağlar , istenmiyorsa alttaki satırı silebilirsiniz
                window.setTimeout(function(){
                    infowindow.open(map,gmapMarker);
                },500);
            }
        </script> 
    
    <!-- Google Haritanın gösterileceği div'i ekliyoruz. -->
        <div id="divMap" style="width: 500px; height: 400px"></div> 
    <!-- Son olarak sayfa yüklendiğinde haritanın yüklenmesi -->
        <script>
            function init(){
                initializeMap();
            }
            window.onload = init;
        </script>
    
    • kiirpi adlı üyenin fotoğrafı kiirpi
      koddaki bioteknoMarker yerine gmapMarker olacak.
      10 yıl önce yazılmış
    • bensedat18 adlı üyenin fotoğrafı bensedat18
      teşekkür ederim hocam.
      10 yıl önce yazılmış
    • firatakin adlı üyenin fotoğrafı firatakin
      Günlerdir api key ile uğraşıyorum bir türlü çözememiştim. api key gerek olmadan gayet güzel görüntüleyebiliyormuşuz. Teşekkürler anlatım için.

      Marker'a tıklandığınca çıkan infoWindow'un boyutuyla nasıl oynayabiliriz ?
      9 yıl önce yazılmış
    • realturk adlı üyenin fotoğrafı realturk
      nasıl haritadan seçim yapip marker yazabiliriz ?
      9 yıl önce yazılmış
    • kiirpi adlı üyenin fotoğrafı kiirpi
      Tam olarak yapmak istediğiniz anlamadım , daha açıklayıcı yazar mısınız?
      9 yıl önce yazılmış
    • realturk adlı üyenin fotoğrafı realturk
      kayıt formu düşün adam haritadan adresini işaretliyecek kordinatlarını db ye kaydedicem sonra profil sayfasına girdiği zaman harita kısmı olacak
      9 yıl önce yazılmış

Cevaplar

Hiç cevap bulunamadı.