Microsoft etiketindeki makaleler 10. sayfa

22 Oca 2008

Microsoft Virtual Earth Map - Makale 2

Kategori:
Benden
Etiketler:
ASP.NET Microsoft
2 Yorum

Merhaba sevgili arkadaslar ilk makalemizde Virtual Earth Map'i ve kullanım alanlarını anlatıp basit bir örnek yapmıstık. Bu makale de ise Virtual Earth Map'in gelismis bazı özelliklerini inceleyecegiz.

Microsoft Virtual Earth Map ile ilgili yazmıs oldugumuz 2. Makeleyi okumak için asagıdaki tıklayınız.

21 Oca 2008

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

Kategori:
ASP.NET
Etiketler:
ASP.NET Microsoft
1 Yorum

Merhaba sevgili arkadaşlar ilk makalemizde Virtual Earth Map’i ve kullanım alanlarını anlatıp basit bir örnek yapmıştık. Bu makale de ise Virtual Earth Map’in gelişmiş bazı özelliklerini inceleyeceğiz.

Makelemizin 2. Bölümünde haritada gösterdigimiz koordinatın üzerinde o koordinatı belli edecek bir sekil kullanıcıya gösterecek ve bu koordinat hakkında kullanıcının o koordinatla ilgili önemli bilgileri görmesini saglayacak bir pencere açılmasını saglayacagız.

VEShapeLayer.AddShape Metodu

Virtual Earth Map'de Polygon, Polyline ve pushpin olmak üzere 3 çesit shape(sekil) vardır. Bu shape'ler yukardı da da belirttigimiz gibi haritamız üzerinde o koordinatı kullanıcıya gösterecek ve o koordinat hakkında kullanıcıya bilgi verecek.

Not: Virtual Earth Map'in 5.0 versiyonu ile birlikte tüm shape nesneleri VEShape.Class altında birlesti.

Haritalara Shape(Sekil) Eklemek

Ilk olarak VELatLong nesesinin bir array'ı tanımlanır.

Ben bu makale de konunun anlasılmasını zorlastırmamak için polygon Shape'ni kullanacagım. Polygon shape'nin kullanımında 3 koordinat tanımlamak zorundayız.

var points = new Array(

   new VELatLong(45.01188,-111.06687, 0, VEAltitudeMode. RelativeToGround),

   new VELatLong(45.01534,-104.06324, 0, VEAltitudeMode. RelativeToGround),

   new VELatLong(41.01929,-104.06, 0, VEAltitudeMode. RelativeToGround),

   new VELatLong(41.003,-111.05878, 0, VEAltitudeMode. RelativeToGround)

);

Ikinci olarak Tipi Polygon olan bir VEShape nesnesi olusturulur.

var myPolygon = new VEShape(VEShapeType.Polygon, points);

Üçüncü olarak olusturdugumuz poligonu haritamıza ekleriz.

var myPolygon = map.AddShape(myPolygon);

Son olarak olusturdugumuz shape'de kullanıcıyı bilgilendirmek için çesitli bilgileri giriyoruz.

myPolygon.SetTitle("Baslık");

myPolygon.SetDescription("Koordinat ile ilgili Açıklama.");

Evet basit olarak bir örnek yapalım; Ben örnegimde Fenerbahçe stadını haritamda gösterecek ve çesitli bilgilere yer verecegim.

Shape.html

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

<html>

<head>

<title>Shape</title>

var map = null;

var gosterilecekKoordinat = new VELatLong(40.987835, 29.036629);

var koordinatlar = new Array(

new VELatLong(40.987835, 29.036629, 0, VEAltitudeMode. RelativeToGround),

new VELatLong(40.987835, 29.036629, 0, VEAltitudeMode. RelativeToGround)

);

function GetMap()

{

map = new VEMap('myMap');

map.LoadMap(gosterilecekKoordinat,16, VEMapStyle.Hybrid);

var poligon = new VEShape(VEShapeType.Polyline, koordinatlar);

map.AddShape(poligon);

poligon.SetTitle("<center>Kadıköy - Fenerbahçe Sükrü Saraçoglu Stadı</center>");

//Shaepe için Koordinat ile ilgili baslık

poligon.SetDescription("<br/><center><img src='fb.gif' align='center'><br/> Sükrü Saraçoglu Stadı <br/><br/> Burası Kadıköy burdan çıkıs yok !</center>");

//Shaepe için Koordinat ile ilgili tanıtım ve diger bilgiler

}

</script>

</head>

</body>

</html>

Evet simdi örnegimizi çalıstıralım bakalım nasl bir sey olacak J

Gerçekten çok güzel görünüyor J Türkiyenin ve avrupanın en güzel stadı ne de olsa J

Evet arkadaslar orada ki kırmızı ataç'a benzeyen sey benim çok hosuma gitmedi, sizinde hosunuza gitmeyecegini varsayan Microsoft bunu asmak için bu iconu kendi belirleyecegimiz bir icon ile degistirmemize de imkan saglamıs. Makalemizin ikinci kısmında bu iconu kisisellestirecegiz.

Bunun için aslında yukarıdaki örnekten çok farklı bir sey yapmayacagız. Sadece kullanacagımız VEShape nesnesinin SetCustomIcon ve SetIconAnchor özelligini kullanacagız.

var customIcon = null;

customIcon = new VEShape(VEShapeType.Polygon, koordinatlar);

customIcon.SetTitle("12 Numara Hep Yanında ! ");

customIcon.SetCustomIcon("<img src='fb.gif' alt=''/>");

//Kendi belirleyecegimiz Shape Iconu

customIcon.SetDescription("<br/><center><img src='fb.gif' align='center'><br/> Sükrü Saraçoglu Stadı <br/><br/> Burası Kadıköy burdan çıkıs yok !</center>");

customIcon.SetIconAnchor(gosterilecekKoordinat);

//Shape Iconun Gösterilecegi Koordinat

map.AddShape(customIcon);

Basit bir örnek daha yapalım. Ben yine Türkiye'nin ve Avrupa'nın en iyi stadının koordinatlarını alıp stadın tam üzerine FB logosu koyacagım J

CustomIcon.html

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

<html>

<head>

<title>Adding a Shape to a Map</title>

var map = null;

var customIcon = null;

var gosterilecekKoordinat = new VELatLong(40.987835, 29.036629);

var koordinatlar = new Array(

new VELatLong(40.987835, 29.036629, 0, VEAltitudeMode. RelativeToGround),

new VELatLong(40.987835, 29.036629, 0, VEAltitudeMode. RelativeToGround)

);

function GetMap()

{

map = new VEMap('myMap');

map.LoadMap(gosterilecekKoordinat,16, VEMapStyle.Hybrid);

customIcon = new VEShape(VEShapeType.Polygon, koordinatlar);

customIcon.SetTitle("12 Numara Hep Yanında ! ");

customIcon.SetCustomIcon("<img src='fb.gif' alt=''/>");

//Custom Icon'un Dosya Yolunu Belirtiyoruz.

customIcon.SetDescription("<br/><center><img src='fb.gif' align='center'><br/> Sükrü Saraçoglu Stadı <br/><br/> Burası Kadıköy burdan çıkıs yok !</center>");

customIcon.SetIconAnchor(gosterilecekKoordinat);

//Custom Iconun Gösterilecegi Koordinatı Belirliyoruz.

map.AddShape(customIcon);

//Custom Iconu Haritamıza Ekliyoruz.

}

</script>

</head>

</body>

</html>

Bakalım nasıl bir sey ortaya çıkacak J

Gerçekten çok güzel duruyor her ikisi de J Hem Microsoft, hem Fenerbahçe J Hem Virtual Earth, Hem de Kadıköy Fenerbahçe Sükrü Saraçoglu Stadı J

Evet Arkadaslar, bu makalemizin de sonuna geldik. Baska bir makale de görüsmek dilegiyle, herkese basarılar dilerim.

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

Kaynaklar

Virtual Earth Map SDK 6.0

03 Oca 2008

Microsoft Virtual Earth Map - Makale 1

Kategori:
Benden
Etiketler:
ASP.NET Microsoft
0 Yorum

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. Yazılımcılar için çok güzel bir SDK'si var.

Konuyla ilgili yazmıs oldugum makaleyi okumak için tıklayınız

03 Oca 2008

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

Kategori:
ASP.NET
Etiketler:
ASP.NET Microsoft
4 Yorum

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

22 Eki 2007

Microsoft Listas

Kategori:
Yazılım
Etiketler:
Microsoft
0 Yorum

Okudugunuz kitapları, okuyacagınız kitapları, gezdiginiz sehirleri, sevdiginiz çiçekleri, hobilerinizi, fobilerinizi kısaca aklınıza gelen her seyi microsoft listas ile listeleyin. listelerinizi paylasın. isterseniz arkadaslarınızı sizin için liste olusturmaya davet edin. Örnegin "sevmediginiz davranıslarım" adında bir liste olusturup arkadaslarınız listenize ekleme yapsın. "Mutlaka görülmesi gereken sehirler" gibi topluluk ile birlikte olusturulan wiki tarzı listeleri düzenleyin. siteye windows live ID ya da passport hesabınız ile giris yapabiliyorsunuz. Microsoft Listas oldukça vaktimizi alacaga benziyor.

‹