Türkiye'nin En Ortam Bilgi Paylaşım Platformu

  Türkiye'nin En Ortam Bilgi Paylaşım Platformu > > >


Google API Google API hakkında her şey...

Yeni Konu   Cevap Yaz

 
Seçenekler Stil
Alt 04-12-2009, 22:27   #1
Rasty


Rasty - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: 02-12-2009
Mesajlar: 512
Konuları: 503
WEB Sitesi:
İlgi Alanı:
Aldığı Teşekkür:
Ettiği Teşekkür:
WF Ticaret Sayısı: (1)
WF Ticaret Yüzdesi:(%)
WF Puanı: 11
Google map api (geniş anlatım)


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. (Herseyy.com - herse yy Resources and Information.This website is for sale! 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&amp;v=2&amp;
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);
Rasty isimli Üye şimdilik offline konumundadır     Alıntı


Yeni Konu   Cevap Yaz

Etiketler
anlatım, api, geniş, google, map


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı



Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 14:46.


Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Search Engine Optimisation provided by DragonByte SEO v2.0.37 (Lite) - vBulletin Mods & Addons Copyright © 2020 DragonByte Technologies Ltd.

kaçak bahis siteleri yatirim bonusu veren siteler escort bayan istanbul escort bayan sesli sohbet Betmatik giriş celtabet tv goldenbahis tipobet yeni giriş deneme bonusu buca escort BetpasYapbahsini gobahis giriş retrobet sex hikaye altyazılı porno porno izle konya escort sex hikaye dldglobal Truvabet Goldenbahis Kingbetting Artemisbet Timebet Cratosslot betpas 1xbet best10 betper marsbahis istanbul escort