Blog

  • 03 Oca 2008

Microsoft Virtual Earth Map ile Dünyayı Keşfedin – Makale 1

Merhaba sevgili arkadaşlar bu makalemizde Microsoft’un yeni bir ürünü olan Virtual Earth Map’ı inceleyeceğiz.

Google Earth'u ilk kullandıgım anda Microsoft'un neden böyle bir sey yapmadıgını düsünüp durmustum. Microsoft bu düsünceme benden daha çabuk cevap verdi ve Virtual Earth Map'i duyurdu. Sanırım buna en çok ben ve benim gibi Microsoft ürünlerini kullanmayı seven yazılımcı dostlar sevinmistir. J Makaleye baslamadan önce bu uygulamaları kullanmayan hatta hiç duymayanların oldugunu da varsayarak ne için kullanıldıgına ve bize ne gibi imkanlar sunduguna biraz deginmek istiyorum.

Google Earth ve  Virtual Earth Map, Dünya üzerin de yer alan belirli lokasyonların çesitli bilgilerin online olarak haritalandırılmasını saglayan yeni bir web kontrolüdür. Peki bu bilgiler nelerdir?

Örnek verecek olursak,

*       Yol haritaları,

*       Uydu Görüntüleri,

*       O lokasyona ait Fotograflar,

*       O lokasyona ait koordinat bilgileri,

*       O lokasyona ait kültürel bilgiler(Gezilesi, gidilesi yerler J)

Kullanımı son derece basit olup çok fonksiyonel bir yapıya sahiptir. Özellikle uygulamalarında Google Earth'u kullananların Virtual Earth Map SDK'nı inceledikten sonra çok kolay bir sekilde kendi uygulamalarında Virtual Earth Map'i kullanabileceklerdir.

Kullanım alanlarını incelemek gerekirse bana kalırsa kisisel siteniz dahil tüm sitelerde kullanılabilir. Artık çogu firma iletisim bölümünde kroki yerine bunu kullanıyor. Özellikle Emlak firmaları ve Turizm firmaları ürünlerinin bulundugu yeri kullanıcıya daha iyi bir sekilde sunmak için bu uygulamaları kullanır.

Web Uygulamalarında Virtual Earth Map'i Kullanmak

Ilk olarak sayfamıza Virtual Earth'un kütüphanesini referans olarak ekliyoruz.

<script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6"></script>

Sonra haritanın görüntülenecegi bir div açıyoruz. Haritamız bu div alanı içerisinde görüntülenecek.

<div id='myMap' style="position:absolute; width:400px; height:400px;"></div>Son olarak da haritamızı yüklemek için LoadMap fonksiyonunu çagırıyoruz.var map = new VEMap('myMap');map.LoadMap();LoadMap

Belirledigimiz koordinatlardaki haritayı yükler. Alacagı tüm parametreler opsiyoneldir.

Kullanımı
VEMap.LoadMap(VELatLong, zoom, style, fixed, mode, showSwitch, tileBuffer);

Parametreleri 

 VELatLong
Haritanın koordinatlarını belirledigimiz parametredir.

* Zoom
Haritanın zoom oranıdır. 1 ile 19 arasında bir deger alır. Varsayılan degeri 4' tür.

* Style
Map'in gösterilecegi formatı belirler. Varsayılan olarak VEMapStyle.Road' dir. 

* Mode
Harita yüklendiginde hangi modda açılacagını belirler. Varsayılan olarak Mode2D yüklenir.

Diger parametreleri Fixed, showSwitch, tileBuffer'dir.

örnek Uygulama
Ilk olarak uygulamamızda basitçe bir Map ekleyelim ve konuyu anlamaya çalısalım. Bunun için Visual Studio ya da notepad ya yeni bir sayfa olusturalım. Ben örnek uygulamamda Bagcılar'ın haritasını yükletecegim J

SimpleVirtualMap.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
   <head>
      <title></title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

       <script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6"></script>

*       Virtual Earth Kütüphanesini Referans aldım

      <script type="text/javascript">

         var map = null;
         var LA = new VELatLong(41.034354, 28.856932);

 

*       Haritada gösterecegim koordinatları belirledim

         function GetMap()

         {

            map = new VEMap('myMap');
            map.LoadMap(LA,17,VEMapStyle.Hybrid, VEMapMode.Mode2d
         }

*       Haritamın yüklenmesini sagladım  

</script>

   </head>

   <body onload="GetMap();">

 

*       Sayfa yüklenirken haritamı da getiriver

      <div id='myMap' style="position:relative; width:400px; height:400px;"></div>
 

*       Harita burada gösterilecek

   </body>
</html>  

 Simdi yazmıs oldugumuz bu basit uygulamayı test edelim. Sayfamızı çalıstıralım.

Göze hos gelen bir görüntüsü var gerçekten J Simdi yol haritası görüntüsünde açalım, yukarıda Road yazan yere tıklıyorum.

Bu makalemizin simdilik sonun da geldik. Makalenin devamında görüsmek dilegiyle, herkse basarılar dilerim.

Sem Göksu
sem.goksu@yazilimgunlugu.com
www.semgoksu.com | www.yazilimgunlugu.com

Kaynaklar

Virtual Earth Map SDK 6.0

Yorum (4)

  • evliya songül / 9.10.2009 20:30:13

    sayın hocam bıtırme tezı olarak arac takıp sıstemı yapıyorum makalenızden cok yararlandım ancak aracın oldugu yerı saptamam gerekıyor aracın oldugu yerı bır nokta veya ısaretle nasıl ısaretlerım bu konuda aydınlatırsanız sevınırım saygılarımla

  • cihan yılmaz / 10.10.2009 20:35:31

    hocam bunun c# için olanını da görmeyi isteriz :))

  • emin demir / 7.1.2011 04:35:57

    ef be hocam :D uğraştırdın beni. GetMap fonksiyonunun ikinci satırının sounundaki parentezi unutmuşunuz. çalıştıramayanlar oraya dikkat etsin. ve tşk ler. güzel örnek olmuş

Yorum Yaz