Interaktywna mapka z województwami

[Spooler]

Witam.
Potrzebuje informacji jak zrobić interaktywna mapkę. Coś na zasadzie:
http://www.nawozyogrodnicze.pl/old/pl/kontakt.php tej mapki która jest na dole tylko chciałbym województwa i po najechaniu wyświetlają się dane przedstawiciela w ramce obok mapki.
Wiem że tu zastosowano flash ja bym chciał zrobić to na inaczej. Czy jest w ogóle taka opcja?


Dziękuje pozdrawiam.

[www.skrypty.pro]

zawsze możesz zastosować mapkę google.
http://www.web4you.com.pl/geofinder.php

A jeśli chcesz sam coś zrobić to dodajesz jako grafikę i robisz mapę odnośników + js by po najechaniu wyświetlały się dane. Ogólnie to sporo z tym roboty.

[Spooler]

Mapka google nie jest mi potrzebna.
Zastanawiałem się nad ta techniką w css - jeden duzy obrazek mapy podzielić na kawałki - obszary i za pomocą css to się jakoś składa, później można zrobić funkcja onmouse. może kto coś podpowiedzieć?
Dzięki za radę.

[jamart]

można użyć na grafice mapy

Kod: Zaznacz cały

<map name="nazwaMapy">
 ...
 <area shape=" ... " coords=" ... " />
 ...
</map>

<img src="..." usesMap="#nazwaMapy" alt="" />

i już odpowiednio w js wychwycić najechanie, kliknięcie lub cokolwiek nad obszar i na to zareagować pokazując np wskazaną treść

pozdr

[Spooler]

Możesz opisać dokładniej chodzi o ten js nigdy nie robiłem nic w js i ciężko mi zacząć.

[jamart]

chodzi np o to że w każdym "<area ... />" dasz np "onmouseover" "onmouseout" i wtedy javascript zareaguje na najazd myszką i zjazd.

przykłądowo:

Kod: Zaznacz cały

<map name="nazwaMapy">
...
  <area shape="poly" coords=" ... " onmouseover="pokaz('pole1')" onmouseout="ukryj('pole1')" />
  <area shape="poly" coords=" ... " onmouseover="pokaz('pole2')" onmouseout="ukryj('pole2')" />
...
</map>

<script>
function pokaz(id) {
   $("#"+id).show();
}
function ukryj(id) {
   $("#"+id).hide();
}
</script>

<img src=" ... " usesmap="nazwaMapy" alt="" />

<div id="pole1" style="display: none" >tresc pierwszego pola</div>
<div id="pole2" style="display: none" >tresc drugiego pola</div>

w kodzie javaScript użyłem biblioteki jQuery by uprościć dobranie się do odpowiednich <div ... />

To jak i gdzie rozmieścisz div pole1 i pole 2 to już zależy od indywidualnego projektu.
jakby co pytaj śmiało.

[Spooler]

Ok poczytałem i już sobie poradziłem.
Dzięki pozdrawiam!