Whm Cpanel Forumu - Webmaster Panel Destek Forumu

Go Back   Whm Cpanel Forumu - Webmaster Panel Destek Forumu > Robotlar > Google

Google Google hakkında bilgiler ve gelişmeler

Doping Hosting
User Tag List

Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 18 Ekim 2012, 03:49
Administrator
 
Seçiniz Şubesi
Üyelik tarihi: 09 Ekim 2012
Mesajlar: 1.294
Konular : 925
Yaş: 34
Ticaret Sayısı: (0)
Ticaret Memnuniyeti: (0%)
Standart Google Maps API V3 nedir ve kullanımı

Bir süredir Google Maps API ile önemli oranda bu API’ye dayalı bir proje için uygulamalar geliştiriyoruz. Haliyle bu konuda pek çok tecrübeye sahip oldum. Bunları da özellikle kullanmak isteyen web tasarımcıları / geliştiriciler için elimden geldiğince paylaşmaya çalışacağım. Google Maps’in ne olduğunu anlatmaya gerek yok. Hali hazırda sıklıkla kullanılan bu uygulamayı bir geliştirici gözü ile kullanmak istediğinizde Google Maps API’ın javascript kütüphanesine ciddi bir dalış yapmanız gerekiyor.

Başta hemen hatırlatayım daha önce v2 ile çalışma yapanlar varsa v3’te epey bir değişiklik olduğunu fark edeceklerdir. Özellikle yazım şekilleri bakımından ciddi farklılıklar var. Google Maps API sayfasına gittiğinizde “Deprecated”, yani kaldırılmıştır mesajı ile geliştiriciler bilgilendiriliyor. Bununla ilgili not düşelim. Google Maps API v2 19 Mayıs 2010 tarihi itibarı ile resmi olarak kaldırılmış fakat 19 Mayıs 2013’e kadar çalışmaya devam edecek. Şimdi konumuza geri dönelim..


Nasıl kullanacağız?


Google Maps API ile çalışacaksak “Google Maps Javascript API V3 Reference” sayfası her zaman elimizin altında bulunmalı. İlgili sayfaya aşağıdaki bağlantıdan ulaşabilirsiniz.


https://developers.google.com/maps/d...ript/reference


İlk adım olarak haritayı kullanabilmek için web sayfamıza Google Maps API Javascript kütüphanesini eklememiz gerekiyor. Bunun için web sayfamızın head etiketleri arasına aşağıdaki kütüphaneyi ekleyerek işe başlıyoruz.
PHP- Kodu:
<script type=”text/javascript” src=”http://maps.googleapis.com/maps/api/js?sensor=false”></script> 
Dikkat ettiyseniz eklediğimiz kütüphanede “sensor=false” şekilden belirtilen bir parametre bulunuyor. true/false değerleri alabilen bu parametre, haritanızın GPS sensörü kullanıp kullanmayacağınızı harita kütüphanesine belirtmekte kullanılıyor.
Bir sonraki adım da haritamızın oluşacağı alanı oluşturmamız gerekiyor. Bunun için de aşağıdaki kodumuzu sayfamıza ekleyeceğiz.

PHP- Kodu:
<div id=”mapDiv”></div
Haritanızın boyutlarını harici ve satıriçi CSS kullanarak belirleyebilirsiniz. Ben de örneğimiz için aşağıdaki kodu kullanacağım.
PHP- Kodu:
#mapDiv {width:450px;height:300px;} 
Haritayı Başlatma ve Gerekli Ayarlar
Harita üzerinde belirli bir noktaya odaklanmak için Maps API üzerinde latitude ve longitude adı verilen enlem ve boylam değerleri kullanılır. Haritayı başlatmak için gerekli olan bu değerleri ise aşağıdaki kod örneğinde olduğu gibi kullanabiliriz.
PHP- Kodu:
var latlng = new google.maps.LatLng(‘latitude değeri’,'longitude değeri’); 
Gerçek bir kod örneğini de şu şekilde oluşturabiliriz.
PHP- Kodu:
var konum = new google.maps.LatLng(41.03378728.649889); 
Şimdi gelelim oluşturacağımız haritanın özelliklerini belirlemeye.. Bunun için de aşağıdaki kod parçasını kullanacağım.

PHP- Kodu:
var mapOptions = {

zoom12,

centerkonum,

mapTypeIdgoogle.maps.MapTypeId.ROADMAP

}; 
İlgili Maps API Referansı:

https://developers.google.com/maps/d...=en#MapOptions


“zoom:” Haritanın yakınlaştırma ve uzaklaştırma değerleri bu bölümde ayarlanır. 0-19 arası değer alabilir. Ancak 18 ve 19 değerleri yalnızca MapTypeId.SATELLITE durumunda verilebilir.
“center:” Haritanız başlatıldığında bulunacağı konumun belirtildiği bölümü oluşturur. Ben örneğimizde “konum” ismiyle tanımladığım koordinatları kullanacağım.
“mapTypeId:” 4 farklı değer alır. Bunlar;


MapTypeId.ROADMAP – Varsayılan yol haritası görünümü görüntüler.

MapTypeId.SATELLITE – Google Earth uydu görüntülerini görüntüler.

MapTypeId.HYBRID – Normal ve uydu görüntülerinin bir karışımını görüntüler.

MapTypeId.TERRAIN – Arazi bilgilere dayalı fiziksel bir harita görüntüler.
İlgili Maps API Referansı:

https://developers.google.com/maps/d...l=en#MapTypeId


Oluşturacağımız harita, Google Maps API içerisindeki “map” classından bir map nesnesi türetilerek oluşturulur. Dolayısı ile new operatörünü kullanılarak bu sınıfın yeni bir örneğini kullanıma hazır hale getirebiliriz. Gerekli kodu ise şu şekilde oluşturabiliriz.
PHP- Kodu:
var map = new google.maps.Map(document.getElementById(“mapDiv”), mapOptions); 
Bu kod bizlere, yukarıda tanımladığımız özelliklerde (Bkz. mapOptions), “mapDiv” üzerinde bir harita oluşturacaktır. Ancak yapacaklarımız bitmedi. Haritamızı web sayfamızın yüklenmesi sırasında initialize etmemiz yani oluşturup başlatmamız gerekiyor. Bunun için de kodumuzun son halini aşağıdaki gibi oluşturabiliriz.


PHP- Kodu:
<!DOCTYPE html>

<
html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<
meta http-equiv=”content-type” content=”text/htmlcharset=utf-8&#8243; />

<title>Google Maps API v3 Örneği</title>

<
script type=”text/javascript” src=”http://maps.googleapis.com/maps/api/js?sensor=false”></script>

<style type=”text/css”>

#mapDiv {width:450px;height:300px;}

</style>

<
script type=”text/javascript”>

function 
baslat() {

var 
konum = new google.maps.LatLng(41.03378728.649889);

var 
mapOptions = {

zoom12,

centerkonum,

mapTypeIdgoogle.maps.MapTypeId.ROADMAP

};

var 
map = new google.maps.Map(document.getElementById(“mapDiv”), mapOptions);

}

</script>

</head>
<body onload=”baslat()”></body>

</html> 
Google Maps API ile ilgili pek çok yazı ile daha devam edeceğim. Meraklıları için takip etmesini tavsiye ederim.

Çalışan bir örnek API için Tıklayınız.!

Alıntıdır.

Alıntı ile Cevapla

Reklam
Doping Hosting
  #2  
Alt 19 Ekim 2012, 20:37
 
Üyelik tarihi: 19 Ekim 2012
Mesajlar: 3
Konular : 1
Yaş: 39
Ticaret Sayısı: (0)
Ticaret Memnuniyeti: (0%)
Standart Cevap: Google Maps API V3 nedir ve kullanımı

tesekkurler bilgi için
Alıntı ile Cevapla

  #3  
Alt 23 Mayıs 2015, 10:45
 
Üyelik tarihi: 16 Mayıs 2015
Mesajlar: 112
Konular : 7
Yaş: 19
Ticaret Sayısı: (0)
Ticaret Memnuniyeti: (0%)
Standart Cevap: Google Maps API V3 nedir ve kullanımı

bende tam bunu arıyordum
Alıntı ile Cevapla

Cevapla


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


Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesajlar
Google 2012 Basketball Oyunu ~:/reboot Genel Haberler 1 12 Temmuz 2013 00:18
İndexlenme Durumları erycetin Web Seo ve Optimizasyon 0 27 Ocak 2013 16:12
Beylikdüzü , Kadıköy kombi servisi hizmeti cengiz5230 Hizmet Siteleri 0 10 Aralık 2012 14:54
Opensips Panel Nedir? ~:/reboot Diğer Paneller 0 13 Ekim 2012 05:18
ConferansRoom Kurmak(CR Server) ~:/reboot IRC Serverlar 0 11 Ekim 2012 16:26

Sosyal Medya Uyarı
Bu bir DH iştirakidir.!
Bir forum sitesi olan whm.gen.tr webmaster forum sitemizde, forum kullanıcıları 5651 sayılı kanun'un ilgili maddesine ve T.C.K'nın 125. maddesine göre yaptıkları paylaşımlardan sorumludur, kullanıcı bazlı herhangi bir durumdan whm.gen.tr sitesi sorumlu değildir. Tüm hukuksal bildirimlerde bulunmak için info@whm.gen.tr adresi ile iletişime geçebilirsiniz bu çerçevede, whm.gen.tr yönetimi en geç 10 iş günü içerisinde dönüş yapacaktır.

RSS RSS 2.0 XML MAP HTML SiteMap