Makale Özeti

Merhaba arkadaşlar Bu Makalemizde Kullanımı Kolay Bir Component Olan ImageMap Kullanımını Öğreneceğiz

Makale

ImageMap Kullanımı

ImageMap Kullanımı

Merhaba arkadaşlar bu makalemizde ImageMap Component'inin kullanımını öğrenerek harita üzerinde şehirleri belirleyeceğimiz bir örnek uygulama geliştireceğiz.

 

 

Uygulamamıza yeni ASP.NET Web Site projesi açarak başlayalım …

 

 

 

 

 

 

 

 

Daha sonra açılan projemizde uygulamamıza Toolbar menüsünden bir ImageMap ekliyoruz. .

 

 

 

 

 

 

Daha sonra Projemize “image” adında bir klasör oluşturuyoruz ve oluşturmuş olduğumuz bu klasörün içine ImageMap ‘ de göstereceğimiz harita resmimizi koyuyoruz.

 

 

 

Şimdi ise ImageMap ‘ in Properties’lerinden ImageUrlnin yanındaki Üç Noktaya Tıklıyoruz ve karşımıza “Select Image” penceresi çıkıyor bu pencereden resmimizi seçip “OK” buttonuna tıklıyoruz. Böylece ” ImageMap” eklemiş olduğumuz harita resmini gösterecektir.

 

 

 

Haritamızı ayarladıktan sonra artık bir şehir belirtelim

 

 

ImageMap ‘ in Properties’lerinden HotSpots ‘ a gelip yanında duran üç noktaya tıklıyoruz…

 

 

 

 

 

 

Karşımıza gelen ekranda;

AlternateText ; belirttiğimiz noktanın üstüne gelince hangi çıkacak yazıyı belirtiyor

BottomLeftRight – Top Propertileri ; noktanın yerini belirtiyor

NavigateUrl ; tıklandığında yönlenecek sayfamızı Belirtiyor

Tüm bu propertiesleri uygun biçimde doldurdukdan sonra OK butonuna basarak penceremizi kapatıyoruz.

 

 

 

 

Şimdi ise yapmış olduğumuz uygulamamızı çalıştırıyoruz…

 

 

Gördüğünüz Gibi İstanbul’un Üstüne Gelince Yazı Çıktı ve eğer üzerine tıklarsak belirmiş olduğumuz URL’ye bizi yönlendirecektir.

 

Farklı makalelerde tekrar görüşmek üzere.

Kaan Bahşi

Kaan.bahsi@hotmail.com