Makale Özeti

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

Makale

Google Earth’u ilk kullandığım anda Microsoft’un neden böyle bir şey yapmadığını düşünüp durmuştum. Microsoft bu düşü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 sevinmiştir. J Makaleye başlamadan önce bu uygulamaları kullanmayan hatta hiç duymayanların olduğunu da varsayarak ne için kullanıldığına ve bize ne gibi imkanlar sunduğuna biraz değinmek istiyorum.

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

Örnek verecek olursak,

*       Yol haritaları,

*       Uydu Görüntüleri,

*       O lokasyona ait Fotoğraflar,

*       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 şekilde kendi uygulamalarında Virtual Earth Map’i kullanabileceklerdir.

Kullanım alanlarını incelemek gerekirse bana kalırsa kişisel siteniz dahil tüm sitelerde kullanılabilir. Artık çoğu firma iletişim bölümünde kroki yerine bunu kullanıyor. Özellikle Emlak firmaları ve Turizm firmaları ürünlerinin bulunduğu yeri kullanıcıya daha iyi bir şekilde sunmak için bu uygulamaları kullanır.

Web Uygulamalarında Virtual Earth Map’i Kullanmak

İlk 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üleneceği 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 çağırıyoruz.var map = new VEMap('myMap');map.LoadMap();LoadMap

Belirlediğimiz koordinatlardaki haritayı yükler. Alacağı tüm parametreler opsiyoneldir.

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

Parametreleri 

VELatLong
Haritanın koordinatlarını belirlediğimiz parametredir.

* Zoom
Haritanın zoom oranıdır. 1 ile 19 arasında bir değer alır. Varsayılan değeri 4’ tür.

* Style
Map’in gösterileceği formatı belirler. Varsayılan olarak VEMapStyle.Road’ dir.
 

* Mode
Harita yüklendiğinde hangi modda açılacağını belirler. Varsayılan olarak Mode2D yüklenir.

Diğer parametreleri Fixed, showSwitch, tileBuffer’dir.

örnek Uygulama

İlk olarak uygulamamızda basitçe bir Map ekleyelim ve konuyu anlamaya çalışalım. Bunun için Visual Studio ya da notepad ya yeni bir sayfa oluşturalım. Ben örnek uygulamamda Bağcılar’ın haritasını yükleteceğim 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östereceğim koordinatları belirledim

         function GetMap()

         {

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

*       Haritamın yüklenmesini sağladı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>  

 Şimdi yazmış olduğumuz bu basit uygulamayı test edelim. Sayfamızı çalıştıralım.

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

Bu makalemizin şimdilik sonun da geldik. Makalenin devamında görüşmek dileğiyle, herkse başarılar dilerim.

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

Kaynaklar

Virtual Earth Map SDK 6.0

Site içerisinde yazılan tüm makalelerin yazım ve yayınlama hakkı aksi belirtilmediği sürece sadece yazarlara aittir.

v3.0 Geri Bildirim (Feedback) Yazgelistir.Com Ekibi - 2012 - Yazgelistir.com