Webmaster Forumu - Sekersin.COM mynet sohbet odalari

Bizimmekan sohbetreklam alanı


  Webmaster Forumu - Sekersin.COM Google ve Diğer Arama Motorları Google Optimizasyon Google API

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

Yeni Konu   Cevap Yaz

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


Rasty - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: 02-12-2009
Mesajlar: 512
Konuları: 503
WEB Sitesi:
İlgi Alanı:
Aldığı Teşekkür: 1
Ettiği Teşekkür: 0
WF Ticaret Sayısı: (1)
WF Ticaret Yüzdesi:(%)
WF Puanı: 10
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ı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı



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



Forum Hakkında

Forum Adresimizde T.C.K 20.ci Madde ve 5651 Sayılı Kanun'un 4.cü maddesinin (2).ci fıkrasına göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur.

Yararlı Linkler

Sosyal Paylaşım

Twitter Facebook youtube Flickr DavianArt Dribbble RSS Feed


Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
Designs: miZah

Ankara escort kaçak bahis siteleri yatirim bonusu veren siteler istanbul eskort escort istanbul ankara escort ankara escort ankara escort eryaman escort canlı bahis siteleri güvenilir bahis siteleri bonus veren siteler deneme bonusu bitcoin gaziantep escort izmir escort ankara escort Truvabet