ASP.NET

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.

03 Ocak 2008 3 dk okuma 56 3

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">

Virtual Earth Kütüphanesini Referans aldım

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>

Sayfa yüklenirken haritamı da getiriver

       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

Etiketler: #ASP.NET #Microsoft

Paylaş:

İlgili yazılar

31 Mar 2026

ASP.NET Core 9 MVC — Bölüm 5: Performans, Caching, Health Checks ve Production Deploy

24 Mar 2026

ASP.NET Core 9 MVC — Bölüm 4: Identity, Authentication ve Role Tabanlı Authorization

17 Mar 2026

ASP.NET Core 9 MVC — Bölüm 3: EF Core 9 ile Veritabanı, Migration, Repository ve Service Pattern

Yorumlar (3)

evliya songül 09 Eki 2009 20:30

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 Eki 2009 20:35

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

emin demir 07 Oca 2011 04:35

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ş

İlgili yazılar

ASP.NET Core 9 MVC — Bölüm 5: Performans, Caching, Health Checks ve Production Deploy

ASP.NET Core 9 MVC — Bölüm 4: Identity, Authentication ve Role Tabanlı Authorization

ASP.NET Core 9 MVC — Bölüm 3: EF Core 9 ile Veritabanı, Migration, Repository ve Service Pattern

Yorumlar (3)

Yorum bırak