[inne]Mapa miasta i dzielnice jako linki Opcje

[Mlodycompany]

Witam. Mam problem z mapą miasta. Otóż chciałbym aby miasto było podzielone na dzielnice i było można sobie na mapie kliknąć na odpowiednią i tam gdzieś przejść dalej. Ale problem polega na tym że dzielnice są wielokątami i nie wiem jak to zrobić. Orientuje się ktoś jak to zrobić?

[sadistic_son]

Rozszerzony odsyłacz obrazkowy (mapa odsyłaczy)

<img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" usemap="#nazwa_mapy" />
<map id="nazwa_mapy" name="nazwa_mapy">
<area shape="kształt" coords="współrzędne" href="adres" alt="tekst alternatywny" />
<area shape="kształt" coords="współrzędne" href="adres" alt="tekst alternatywny" />
(...)
</map>

nazwa_mapy
Dowolny tekst, byleby był on taki sam w pierwszej i w drugiej linii, a dodatkowo w pierwszym wierszu musi być poprzedzony znakiem krzyżyka (#). Na jednej stronie nie mogą się znajdować dwie mapy o takiej samej nazwie!
(...)
Dalsze polecenia typu: <area shape="kształt" coords="współrzędne" href="adres" alt="tekst alternatywny" />, które stworzą następne aktywne pola na obrazku.
kształt
Kształt obszaru w mapie odsyłaczy:

* "rect" - pole ograniczone prostokątem
* "poly" - pole ograniczone wielokątem nieregularnym
* "circle" - koło

współrzędne

1. "xp,yp, xk,yk" - w przypadku prostokąta (rect):
* xp - współrzędna pozioma lewego-górnego wierzchołka prostokąta
* yp - współrzędna pionowa lewego-górnego wierzchołka
* xk - współrzędna pozioma prawego-dolnego wierzchołka prostokąta
* yk - współrzędna pionowa prawego-dolnego wierzchołka
2. "x1,y1, x2,y2, x3,y3..." - w przypadku wielokąta (poly):
* "xn,yn - współrzędne poziome i pionowe kolejnych wierzchołków wielokąta
3. "x,y, r" - w przypadku koła (circle):
* "x,y" - współrzędne środka
* "r" - długość promienia

We wszystkich przypadkach współrzędne są liczone od lewego górnego wierzchołka obrazka, który stanowi punkt zerowy układu współrzędnych.

Po wywołaniu tej komendy, zostanie wczytany obrazek o podanej ścieżce dostępu. Następnie będzie on podzielony na kilka pól (w sposób niewidoczny), z których każde będzie przyporządkowane oddzielnemu odsyłaczowi. Dzięki temu na tylko jednym rysunku możemy umiejscowić więcej niż jeden odnośnik.

Tu masz źródło.

Ten post edytował sadistic_son 7.02.2010, 13:36:11

[piotrooo89]

http://www.w3schools.com/tags/tag_area.asp

[Mlodycompany]

No dobra fajnie, dzięki. Ale teraz stwierdzam, że będzie ciężko mi wpisać kilkadziesiąt współrzędnych i wogóle je poznajdować. Czy nie ma łatwiejszego sposobu na to?

[sadistic_son]

Ściągnij sobie jakiś programik (nawet zwykły Pajączek) do map odsyłaczy. Załadujesz mapę całego miasta i klikając wybierzesz granice dzielnic. Osobiście polecam Macromedia Dreamwaver 8.
Nic łatwiejszego mi nie przychodzi do głowy. Pomogłem?

Ten post edytował sadistic_son 7.02.2010, 14:06:02

[Mlodycompany]

No pomogliście. Dzięki wielkie.