ASP.NET Zone

Hi Leute,

ich würde mir gerne eine Welkkarte auf einer aspx Page erstellen! Die Weltkarte ist ein ganz normales PNG! Dazu kommt, das ich gerne jedes einzelne Land anklicken kann und es mich dann auf eine andere aspx Seite umleitet! Wie genau könnte ich das bewerkstelligen?! Habt ihr da ne gute Idee?

Hi,

chrizstone:

ich würde mir gerne eine Welkkarte auf einer aspx Page erstellen! Die Weltkarte ist ein ganz normales PNG!

die Du hoffentlich entweder selbst erstellt oder für die Verwendung eine Erlaubnis des Rechteinhabers eingeholt hast.

chrizstone:

Dazu kommt, das ich gerne jedes einzelne Land anklicken kann und es mich dann auf eine andere aspx Seite umleitet! Wie genau könnte ich das bewerkstelligen?!

Das geht recht einfach mit einer image map. Es wird nur etwas aufwändig, die ganzen Polygone anzugeben. Ggfs. solltest Du dich hierfür eines Tools bedienen. Fang mal hier an:

  http://de.wikipedia.org/wiki/Verweissensitive_Grafik
 
Dort findest Du auch Links zu Onlinetools, die dir bei der Erstellung helfen. Falls das nichts für dich ist, hilft Google aber auch weiter.

---

--
Gruß, Stefan Falz
Microsoft MVP - Visual Developer ASP/ASP.NET
ASP.NET Consulting, Development, Coaching

ASP.NET Zone - Leitfaden für gute Postings

Xtopia 2008 - Gewinnspiel / Expression Studio und Xtopia Eintrittskarten zu gewinnen

Hi, natürlich selbst erstellt...:)

Ja das mit der Image Map ist genau sowas was ich suche, nur leider brauche ich eine Lösung wenn der Browser resized wird...Also responsive soll das ganze sein...Hast du dazu noch eine Idee?

Hi,

chrizstone:

Ja das mit der Image Map ist genau sowas was ich suche, nur leider brauche ich eine Lösung wenn der Browser resized wird...Also responsive soll das ganze sein...Hast du dazu noch eine Idee?

da gibt es IIRC nichts, also wirst Du nicht umhin kommen, die Polygonkoordinaten flexibel zu halten (bspw. als Array in JavaScript) und dann nach Größenänderung die einzelnen Punkte neu zu berechnen. Den Faktor für die Berechnung erhältst Du ja, wenn Du die neue Größe der Map mit der Originalgröße, für die Standardkoordinaten gelten, vergleichst bzw. damit umrechnest.

---

--
Gruß, Stefan Falz
Microsoft MVP - Visual Developer ASP/ASP.NET
ASP.NET Consulting, Development, Coaching

ASP.NET Zone - Leitfaden für gute Postings

Xtopia 2008 - Gewinnspiel / Expression Studio und Xtopia Eintrittskarten zu gewinnen

Hi, dank dir für die hilfe, habe hier ein sehr nettes JQuery Plugin gefunden...:)

http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html

Hi, noch eine Frage! Ich habe mir jetzt folgende ImageMap erstellt:

<img src="Images/Chooser.jpg" alt="" usemap="#chooserMap"/>
   
    <map name="chooserMap">
<area href="Madrid.aspx" alt="" shape="circle" coords="341,270,33"/>
<area href="NewYork.aspx" alt="" shape="circle" coords="733,210,33"/>
<area href="Bangkok.aspx" alt="" shape="circle" coords="1040,760,33"/>
</map>

Wenn ich jetzt meine Seite aufrufe und mit Firebug mir das ganze anschaue dann steht in Firebig bei meinen Koordinaten folgendes:

<area coords="NaN,NaN,NaN" shape="circle" alt="" href="Madrid.aspx">

Was genau klappt da nicht?

Ok klappt nun....Ich musste mein img mit width und height versehen!