Posts Tagged ‘Google Maps’

Google Maps JS API v3′e KML ve GeoRSS desteği

Salı, Mayıs 11, 2010 10:14 No Comments

Bugün Google Geo Developers Blog’u Google Maps JS API v3 için KML ve GeoRSS desteğini duyurdu.
Bu versiyonda yeni kmlLayer sınıfı ile KML ve GeoRSS desteği gelmiş oldu. Bunlar ile ilgili örneklere aşağıdan ulaşabilirsiniz.
GeoRSS Örneği :
var georssLayer = new google.maps.KmlLayer(’http://api.flickr.com/services/feeds/geo/?g=322338@N20〈=en-us&format=feed-georss’);
georssLayer.setMap(map);
KML Örneği :
var ctaLayer = new google.maps.KmlLayer(’http://gmaps-samples.googlecode.com/svn/trunk/ggeoxml/cta.kml’);
ctaLayer.setMap(map);
Ayrıca bu güncelleme ile Türkiye’de kullanımı olmasa da trafik ve bisiklet sürüş [...]

This was posted under category: Güncel Tags: , , , ,

Google Maps JS API V3 - Olaylar (Events)

Perşembe, Nisan 29, 2010 9:25 No Comments

http://code.google.com/apis/maps/documentation/v3/events.html
JavaScript de diğer programlama dillerinde olduğu gibi çeşitli olaylar içererek bunlara cevap verip kullanıcı ya da program içerisindeki diğer modüllere ulaşır. Bu olaylar sayesinde programın işleyişi şekillenmektedir. Örneğin haritanın merkezi değiştiğinde şunu yap, ya da şu yaklaşma seviyesinin altına inme gibi şeyleri olaylar yardımıyla yapabilirsiniz.
Yeni versiyonda da V2′deki gibi bir olay sistemi mevcut. Bu versiyonda [...]

This was posted under category: Dersler Tags: , ,

Google Maps JS API V3 - Giriş

Salı, Nisan 27, 2010 15:55 No Comments

http://code.google.com/apis/maps/documentation/v3/introduction.html
Bu kısımda da Google Maps JS API V3′ün yukarıdaki eğitsel dökümanını takip edeceğiz. Bu dökümanda da örnekle başladığı gibi ben de örnekle başlayacağım.

<html>

<head>

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&amp;amp;language=tr"></script>

<script type="text/javascript">

function haritayiBaslat() {

var merkezNokta = new google.maps.LatLng(39.918689, 32.801743);

var haritaAyarlari = {

zoom: 9,

center: merkezNokta,

mapTypeId: google.maps.MapTypeId.ROADMAP

};

var harita = new google.maps.Map(document.getElementById("harita_div"), haritaAyarlari);

}

</script>

</head>

<body onload="haritayiBaslat()">

<div id="harita_div" style="width:100%; height:100%"></div>

</body>

</html>

Örnekte yaptıklarımızın üstünden adım [...]

This was posted under category: Dersler Tags: , ,

Google Maps JS API V3 - Konsept

Salı, Nisan 6, 2010 15:07 No Comments

http://code.google.com/apis/maps/documentation/v3/basics.html
Bu yazı yukarıdaki eğitsel dökümanın Türkçe özeti olarak tanımlanabilir.
Google Maps uzun zamandır kullandığı JS API’ya (v2) yeni bir version (v3) daha ekleyerek daha çok mobil cihazları hedefleyen daha hızlı olan bir güncelleme yaptı.
Bu versiyon ile ilk etapta yüklenen JS dosyasının boyutu düşürülerek “Nesne Tabanlı” bir yapıya geçildi. Bu versiyon ile beraber daha modüler bir yapı [...]

This was posted under category: Dersler Tags: , ,

Summit ExtMap (ESRI Mashup Birincisi)

Pazartesi, Mart 30, 2009 12:17 1 Comment

Daha önceki yazımda da belirttiğim üzere ESRI Geliştirici Zirvesi - Server Mashup Yarışmasında Summit ExtMap ile birinciliği kazandım. Yarışmanın resmi dili ingilizce olduğu için uygulama da doğal olarak ingilizce yazıldı ama yakında vakit bulabilirsem Türkçe sürümünü de çıkarmayı planlıyorum. İsterseniz sizler de temel JavaScript bilgisi ile uygulamayı Türkçeye çevirebilirsiniz. Uygulama ile ilgili detaylara aşağıdan erişebilirsiniz.
Bu [...]

This was posted under category: Demolar Tags: , , , , ,

Uzun bir aradan sonra

Pazartesi, Mart 30, 2009 12:01 1 Comment

Merhabalar,
Uzun zamandır Mekansal’a vakit ayırıp birşeyler yazamıyordum. Vakit ayıramamamın da bir sebebi vardı tabi ki. 5 Şubat 2009′da ESRI Geliştirici Zirvesi (Developer Summit 2009) bünyesindeki Mashup Yarışmasına (Mashup Challenge 2009) katılmak üzere hazırlıklara başladım ve 5 Mart’a kadar yarışma için mashup geliştirmeye devam ettim. 5 Marttan mashup’u teslim ettikten sonra da mashup’ın dökümantasyonu ile uğraştım.
Hazırladığım [...]

This was posted under category: Projeler Tags: , , , , , , ,

Google Maps ve Krokiler

Cuma, Ocak 2, 2009 23:18 No Comments

Daha önceki Google Maps ve Çizimler ile Google Maps ve Kat Planları yazılarında Google Maps ile başka ne tür uygulamalar yapılabileceğini görmüştük. Bu demoda da bunlara benzer farklı bir uygulama göreceğiz. Bu sefer internetten bir kütüphanenin krokisi alınıp Google Maps sistemine taşınıyor. Sonrası yukarıdaki uygulamalar ile aynı.
Bu uygulamaya ile basit bir kütüphane otomasyonu yapılabilir. Örneğin [...]

This was posted under category: Demolar Tags: , ,

Google Maps ve Kat Planları

Cuma, Ocak 2, 2009 23:12 No Comments

Daha önceki demomuzda Google Maps API ile çizimleri birleştirmiştik, şimdi aynı method ile kat planlarını birleştireceğiz. Bu demo için Google Images’dan bir kooperatifin kat planını alıp Google Maps sistemine göre kestik ve sunucuya yükledik. Bundan sonraki adımlar daha önceki Google Maps ve Çizimler yazısındaki gibi gerçekleşti.
Sonuç olarak aşağıdaki demoyu elde ettik.
Demo : http://www.mekansal.com/demo/gmap-plan.html

This was posted under category: Demolar Tags: , ,

Google Maps ve Çizimler

Cuma, Ocak 2, 2009 16:59 3 Comments

Google Maps API’in detaylarına devam etmeden önce Google Maps API’yi sadece harita veya coğrafi veriler değil, normal çizimleri de göstermek için de kullanabiliriz. Bu noktada elimizdeki resimleri Google Maps’in “Tile” sistemine uygun kesmemiz gerekiyor. Google’ın “Tile” sistemini ve bunların nasıl oluşturulacağına sonraki yazılarda değineceğiz. Bu demo’da ODTÜ‘nün çizimini Google Maps API’in üstünde göstereceğiz.
Öncelikle http://www.metu.edu.tr/about/htmlmap.php adresindeki [...]

This was posted under category: Demolar Tags: , ,

Google Maps API’a Giriş

Cuma, Ocak 2, 2009 11:58 1 Comment

2005 yılında Google’ın Google Maps web uygulamasını hayata geçirmesi ile web tabanlı Coğrafi Bilgi Sistemleri ve GeoWeb yeni bir döneme girdi. Sonrasında ise Google Maps’in API’sini (Uygulama Geliştirme Arayüzü) internete açması ile bu servisi herkes kendi uygulaması içerisinde kullanmaya başladı.
Bu yazım bünyesinde popüleritesi yüksek olan bu servisin nasıl kullanılacağı konusuna bir giriş yapmış olacağız. Bu [...]

This was posted under category: Dersler Tags: , ,