interaktivna mapa?

[ webmaster1 @ 28.07.2004. 11:14 ] @

U PHP-u sam napravio mapu na kojoj marker(citaj "crvena tacka) pokazuje gde se nalazi odredjeni objekat nakon klika na odgovarajuci link.To sve lepo radi,ali sad se javio problem sto na Veratu ne podrzavaju GD,pa to ne moze da radi...dakle zanima me kako se to radi u Javascriptu?Bilo ni lepo dosta koda jer javu stvarno nemam pojma....

Dakle
Slika po kojoj se seta tackica nakon klika(ili mouseOver) na neki objekat(link)???

[ flylord @ 28.07.2004. 11:22 ] @

Zovi Verat i VRISTI, PSUJ, i sve sto tip padne na pamet, ako nece ni tad, promeni provajdera
poz

[ arsa xx @ 28.07.2004. 14:14 ] @

Ne mozes da psujes, vristis itd. kad pre iznajmljivanja hosta mozes da pogledas sta doticni podrzava.

...

Prvi lejer je mapa a drugi je marker.
Napravis onoliko lejera(markera) koliko imas pozicija.

Nakon toga napravis linkove koji ce da pozivaju npr. show(K); javascript funkciju, koja ce da postavi za sve lejere(marker_X) visibility na hidden, a za trazeni (K) postavi visible.

Code:

<div style="position: relative">
    <div style="position: absolute; left: 0; top: 0; width:200; height:200">
        <img src="mapa.gif" width="200" height="200">
    </div>

    <div id="marker_1" style="position: absolute; left: 50; top: 40; width:5; height:5; visibility:  hidden;">
        <img src="marker.gif" width="5" height="5">
    </div>

....
..
</div>

Jednostavno resenje i kompatibilno sa svim citacima ;)

[ webmaster1 @ 28.07.2004. 22:27 ] @

Pa tako sam nesto i mislio...samo sto ja NE ZNAM javascript..ali nema veze, ima dreamweaver show/hide za layere pa cu to da prepravim...hvala u svakom slucaju

A sto se tice toga sta je podrzano a sta ne...nije mi palo na pamet da ce to biti iskljuceno, jer gde god sam nesto naso o PHP-u svuda se pominje i rad sa grafikom..istina je da ima upozorenja da utice na bezbednost i sl..ali jednostavno mi nije palo na pamet da pitam

[ arsa xx @ 29.07.2004. 01:10 ] @

Bio sam u zurbi pa nisam stigi da napisem ceo kod.
Primer je jako interesantan....

Primer:
http://easy-search-builder.com/interaktivna_mapa/

Kod:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Interaktivna mapa</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">

<script language="JavaScript" type="text/JavaScript">

// definisemo kordinate markera na mapi  <<<<<<<<<<<<<<<<<<<<<<<
markers = new Array(new Array(220,140),
                        new Array(265,75),
                        new Array(21,20),
                        new Array(245,123),
                        new Array(150,123));

function show(id){
    for(i=0;i<markers.length;i++){
        toggleVisibility('marker_'+i, 'hidden', 'hidden', 'hidden')
    }

        toggleVisibility('marker_'+id, 'visible', 'visible', 'visible')

}

function toggleVisibility(id, NNtype, IEtype, W3Ctype) {
    if (document.getElementById) {
        eval("document.getElementById(id).style.visibility = \"" + W3Ctype + "\"");
    }
    else {
        if (document.layers) {
        document.layers[id].visibility = NNtype;
        }
        else {
            if (document.all) {
                eval("document.all." + id + ".style.visibility = \"" + IEtype + "\"");
            }
        }
    }
}

</script>

</head>

<body>
<div style="position: relative">

  <div style="position: absolute; left: 0; top: 0; width:399; height:315">
      <img src="mapa.jpg" width="399" height="315">
        <a href="javascript:show(0);">Beograd</a>
        <a href="javascript:show(1);">Pancevo</a>
        <a href="javascript:show(2);">marker 3</a>
        <a href="javascript:show(3);">marker 4</a>
        <a href="javascript:show(4);">marker 5</a>
</div>

    <script language="JavaScript" type="text/JavaScript">
        for(i=0;i<markers.length;i++){
           document.write("<div id=\"marker_" + i + "\" style=\"position: absolute; left: " + markers[i][0] + " ; top: " + markers[i][1] + " ; width:20; height:20; visibility:  hidden;\">");
           document.write("<img src=\"marker.gif\" width=\"20\" height=\"20\">");
           document.write("</div>");
       }
    </script>

</div>

</body>
</html>

[ NenaSoko @ 07.11.2006. 08:14 ] @

Interesantan je ovaj kod, i sto je jos bitnije, lepo radi.
Medjutiim mene zanima, sta ako umesto jedne slike (pokazivaca), ja zelim da mi se naprimer pokaze, nesto drugo, naprimer linija u gif formatu koja ukazuje na ime ulice, nemaju sve ulice isti izgled, znaci imacu vise slika, znaci zavisno od ulice da se ucitava odredjena slika. Isto ovo samo malo drugacije!