Google map api (geniş anlatım)

~~ayhan628~~ · 1 28-03-2009, 17:06:34

siteye baktım ama daha önce detaylı bir şekilde verildiğini görmedim ondan ben yazayım dedim.

Google Maps API sayesinde sitenize bedava Google Haritasını eklemenizi sağlayan javascript kütüphanesidir. Bu sayede mesela okul sitesi yaptınız okulun yerini google map ile gösterebilirsiniz

Başlangıç:
Google amcanın bu hizmetinde yararlanmak için bir Google Map anahtarı (key)oluşturmanız gerekiyor. Sign Up for the Google Maps API - Google Maps API - Google Code adresinden web sitenizin adresini girip belitilen koşulları girmeniz gerekli. Burası önemli çünkü o anahtar sadece sizin sitenizde çalışacaktır. Başka bir sitede çalışmaz ama anahtarı sitenizdeki tüm dizinlerde kullanabilirsiniz. (http://herseyy.com/map/ mesela) aşağıdaki kodları az biraz değiştirerek kendinize uyarlayabilirsiniz.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&
key=ABQIAAAAEdmdbN3_LLmNarikN3TrshRJEhM5G8kmHTLX-nVEQd2nxILXrxReVjVzjTtpCiXzXwQM78vLxzqdWQ"
type="text/javascript"></script>
<script type="text/javascript">

//<![CDATA[

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}

//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>

key i değiştirip sizin siteniz için aldığınız key i koymanız lazım
diğer koyu ile işaretlediğim yer olan koordinatları ise Get Lat Lon - find the latitude and longitude of a point on a map adresinden bulabilirsiniz. koordinatların yanındaki 13 sayısı ise büyütme oranıdır. yine aynı sitede Google Maps zoom level: şeklinde yer alıyor.

ayrıca Şunlar ile de extra özellikler katabilirsiniz.Bu fonksiyonları map.setCenter dan sonraki satıra koyarsanız çalışacaktır.

Kontrol Ekleme://küçük yön tuşları ve büyütme küçüktme kontrolü

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

Bilgi Baloncuğu Ekleme//haritanın merkezinde bir baloncuk oluşturur. yazısı ise merhaba dünya oluyor

map.openInfoWindow(map.getCenter(),
document.createTextNode("Merhaba Dünya"));

İşaretleyici Ekleme://bununla da toplu iğne gibi duran bir şekil varya işte onu merkez olarak kabul ettiğiniz yere ekliyebiliyorsunuz.

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

yeterince açıklayıcı olduğunu düşünüyorum ama yine de takıldığınız bir yer olursa sorabilirsiniz.

bellas · 2 06-01-2010, 07:22:52

super oldu saolasin

~~avare71~~ · 3 11-01-2010, 09:45:44

Başlangıç için yeterli. Teşekkür ediyoruz.
Şöyle bir kurcaladım da neti, Blogger ve api kullanılarak karayolları haritası bile yapılmış. İşte

utq_ · 4 11-01-2010, 09:54:47

teşekkürler bilgiler için map için değilde benim başka işime yaraı

~~AnkaraLIII~~ · 5 21-01-2010, 14:46:54

sitemap.xml 500 Sayfadan fazla indexletemiyo

sitem 500 sayfa içerikden fazla onun için Başka hangi sitelerden sitemap olusdurabilrim?

~~BEKIR~~ · 6 01-02-2010, 07:35:51

konu ile ilgili soru soracaktım ama banlanmışsın. kısmen işime yaradı yinede.

kunabe · 7 27-03-2010, 02:48:40

Çok yararlı oldu teşekkürler

ReiS · 8 30-03-2010, 15:20:45

teşekkürler işe yarar

sakurt · 9 26-02-2012, 03:19:01

Alıntı:

ayhan628 Nickli Üyeden Alıntı

siteye baktım ama daha önce detaylı bir şekilde verildiğini görmedim ondan ben yazayım dedim.

Google Maps API sayesinde sitenize bedava Google Haritasını eklemenizi sağlayan javascript kütüphanesidir. Bu sayede mesela okul sitesi yaptınız okulun yerini google map ile gösterebilirsiniz

Başlangıç:
Google amcanın bu hizmetinde yararlanmak için bir Google Map anahtarı (key)oluşturmanız gerekiyor. Sign Up for the Google Maps API - Google Maps API - Google Code adresinden web sitenizin adresini girip belitilen koşulları girmeniz gerekli. Burası önemli çünkü o anahtar sadece sizin sitenizde çalışacaktır. Başka bir sitede çalışmaz ama anahtarı sitenizdeki tüm dizinlerde kullanabilirsiniz. (http://herseyy.com/map/ mesela) aşağıdaki kodları az biraz değiştirerek kendinize uyarlayabilirsiniz.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&
key=ABQIAAAAEdmdbN3_LLmNarikN3TrshRJEhM5G8kmHTLX-nVEQd2nxILXrxReVjVzjTtpCiXzXwQM78vLxzqdWQ"
type="text/javascript"></script>
<script type="text/javascript">

//<![CDATA[

function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
}
}

//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 500px; height: 300px"></div>
</body>
</html>

key i değiştirip sizin siteniz için aldığınız key i koymanız lazım
diğer koyu ile işaretlediğim yer olan koordinatları ise Get Lat Lon - find the latitude and longitude of a point on a map adresinden bulabilirsiniz. koordinatların yanındaki 13 sayısı ise büyütme oranıdır. yine aynı sitede Google Maps zoom level: şeklinde yer alıyor.

ayrıca Şunlar ile de extra özellikler katabilirsiniz.Bu fonksiyonları map.setCenter dan sonraki satıra koyarsanız çalışacaktır.

Kontrol Ekleme://küçük yön tuşları ve büyütme küçüktme kontrolü

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

Bilgi Baloncuğu Ekleme//haritanın merkezinde bir baloncuk oluşturur. yazısı ise merhaba dünya oluyor

map.openInfoWindow(map.getCenter(),
document.createTextNode("Merhaba Dünya"));

İşaretleyici Ekleme://bununla da toplu iğne gibi duran bir şekil varya işte onu merkez olarak kabul ettiğiniz yere ekliyebiliyorsunuz.

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

yeterince açıklayıcı olduğunu düşünüyorum ama yine de takıldığınız bir yer olursa sorabilirsiniz.

Merhaba üstadım,
ben sadece "ABQIAAAAEdmdbN3_LLmNarikN3TrshRJEhM5G8kmHTLX-nVEQd2nxILXrxReVjVzjTtpCiXzXwQM78vLxzqdWQ" api key almak istiyorum lakin google bi türlü bu keyi alacağım yeri bulamadım.
Daha önce birkaç web sitem için bu keyi aldım nedense şimdi ilgili bölümü bi türlü bulamadım.
bana bu konuda yardımcı olurmusunuz?
Verdiğiniz adresten kullanıcı adımı ve şifremi giriyorum lakin hangi bölümde bu key i alacağım bi türlü bulamadım.

Eskiden ilgili yerden girince web adresimi yazıyordum ve bana api keyi veriyordu.

Yardımcı olmanız dileğiyle...

sakurt · 10 27-02-2012, 17:00:03

anlaşılan bu konuyla ilgilenen pek yok.
Galiba google da bu keyi vermeyi bıraktı.
En azından ben böyle anladım..
Yakın zamanda key alan var mı?

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder