mapa slovenska

petko117

potrebujem poradit..potreboval by som urobit mapu Slovenska s tym ze by sa vyznacili nejake body na mape a po kliknuti na ten dany bod otvori novu stranku
priklad: mapa Slovenska....na nej su body Bratislava, Kosice, Poprad....kliknem na Poprad a otvori mi novu stranku kde budu nejake informacie
Este som sa s tymto nestretol tak by som bol vdacny za nejaky navod ako takuto mapu urobit dakujem vsetkym zatial

yoggy

urobíš to cez html obrázky a odkazy
niečo také je tu:
http://www.alza.sk/Publish.asp?idpm=2711

Príspevok od používateľa **Grim** » 17 mar 2013, 21:08

http://www.jakpsatweb.cz/html/obrazky.html

...hlavne atribút map...

petko117

presne tak ako ste mi tu alzu dali tak taku mapu chcem presne tak isto..nemozte mi nejaky kod sem dat..na jakpsatweb som to uz studoval a nejako to neviem dat dokopy..tych bodov na mape bude ale aj cez 30..budu to len take bodky..
ak som to spraven pochopil tak:
<map name="ctverecky">
<area href="prvni.htm" shape="rect" coords="80, 80, 130, 130">
<area href="druha.htm" shape="rect" coords="20, 20, 50, 50">
</map>

<img src="obrazek.gif" usemap="#ctverecky" width="150" height="150">

Pricom tie cisla su suradnice, ale ved to kym na mapu umiestnim kam treba aj zajtrajsi den bude..
este ma zaujima ako co najrachlejsie sa dostanem k mape slovenska..najlepsie tak ako je na alze..cislo biela

Príspevok od používateľa **Grim** » 17 mar 2013, 21:16

...stiahni si ju z alzy...

petko117

nasiel som lepsiu na nete..ale ako na tu mapu umiestnim body..ako ej na alze..nejake kruzku kde kliknem otvori novu stranku...ziadny text nic nechcem len cisto cervene kruzky po mape..lebo z toho kodu z jakpsatweb tam proste su suradnice ale na ten mape mi ten bod nezobrazuje..

Príspevok od používateľa **Grim** » 17 mar 2013, 21:27

...najskôr si ten bod na tú mapu musíš nakresliť...a druhá varianta - dá sa to spraviť tak, že na prázdnu mapu poumiestňuješ dalľie obrázky ako body a napozicuješ ich...prípadne ich môžeš dať aj do divov a body ako pozadie divu...

petko117

ved ale to mi je divne..mam mapu nakraslim teda kruzku tam kde maju byt a potom v kode budem cez pozicie teda suradnice triafat na nakrasleny kruzok? ved to je praca na niekolko dni podla mna..nieco jednoduchsie musi byt...

Príspevok od používateľa **Grim** » 17 mar 2013, 21:41

...to je najjednoduchšie...a súradnice si vieš zistiť, dokonca keď chceš body kruhové, tam stačí zistiť len pozíciu stredu X, Y a definovať polomer (či priemer?) kružnice...pri štvorci treba takto definovať všetky 4 body...

petko117

ja som z toho jelen..tych map bude vela chcem ich vela ale na kazdej budu ine body..stacila by mi nazorna ukazka jednej mapy napr suradnice by boli blava kosice trencin nitra trencin priklad..body by vyzerali ako kruzky a idealne by bolo pod ten kruzok napisat to dane mesto...aby to bolo zrozumitelne pre vsetkych..
prikladam mapu o ktoru mam zaujem

Príspevok od používateľa **Grim** » 17 mar 2013, 22:02

...tak v tom prípade by som to dával do divu aj s textom mesta...niekto ti tu možno napíše kód...

sharky-no

pseudo kod

Kód: Vybrať všetko

.mapa{
  position: relative;
  background: url("mapa.jpg");
  width: sirkamapy;
  height: vyskamapy;
}
.bod1{
 position: absolute;
 left: 200px;
 top: 400px; // left top - suradnice mesta
 background: url("obrazok_gulicky.jpg");
 width: sirka gulicky;
 height: vyska gulicky;
 display: block;
}

<div class='mapa'>
<a href="adresa.html" target="_blank" class='bod1'></a>
</div>

za presny kod by som chcel aspon pivo.. smadny som

petko117

no bol by som vdacny za kod.podla toho kodu by som si uz urobil dalsie mapy a uz ine suradnice by problem neboli..staci mi nazorna ukazka ..dik zatial za pomoc..pockam ci mi niekto pomoze priamo s kodom

sharky: diky moc za kod ale zatial to nefunguje:) na stranke sa to zobrazuje takto:
.mapa{ position: relative; background: url("sk.jpg"); width: 1000; height: 500; } .bod1{ position: absolute; left: 200px; top: 400px; // left top - 200 background: url("kruh.jpg"); width: 30; height: 30; display: block; }

Príspevok od používateľa **Grim** » 17 mar 2013, 23:00

...lebo to je css kód...ako vidím, ty neovládaš ešte základy, takže sa najskôr treba naučiť rozlišovať čo je css kód, čo je html kód, ako ich spojiť a potom sa pusti do mapy...

petko117

no zacinam s tym..preto by som bol vdacny za kazdu pomoc..

Príspevok od používateľa **Grim** » 18 mar 2013, 10:51

http://www.jakpsatweb.cz/html/
http://www.jakpsatweb.cz/css/css-uvod.html

...atď...celý ten web stojí za prečítanie...

petko117

jakpsatweb mam prestudovany od a po z..no s ccs sa stretavam prvy krat..a ohladom toho co potrebujem tam moc nevidim..kludne by som si aj zakupil nejaku knihu ktora by mi pomohla..fakt to potrebujem tu mapu

sharky-no

Kód: Vybrať všetko

<style>
.mapa{ 
position: relative; 
background: url("sk.jpg");
 width: 1000px; 
height: 500px; 
}
 .bod1{ 
position: absolute; 
left: 200px; 
top: 400px; 
background: url("kruh.jpg"); 
width: 30px;
 height: 30px; 
display: block;
 }
</style>


<div class='mapa'>
   <a href="http://www.google.sk" target="_blank" class='bod1'></a>
</div>

copy paste do html suboru, a nech je v tej istej zlozke ako je obrazok mapy a kruzku... ale to pivo by som si fakt dal

mapa slovenska

mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska

Re: mapa slovenska