Aplikacija/Alatka za mapiranje slika?

[obi_van]

Ukratko,

treba da mapiram sve regione na mapi Danske. Ima ih poprilicno, i mogao bih sa Dreamweaverom da mapiram sve, ali to ima da potraje. Da li postoji neka aplikacija koja bi samu sliku automatski mapirala? Naime cela mapa je png slika, na kojoj su svi regioni u razlicitim bojama. Nasao sam neki program koji to radi u flash-u, ali ne bih to u flashu. Hvala u napred na odgovorima.

 

[kUdtiHaEX]

Tehnicki bi moglo da se izvede ali sudeci po tvom pitanju, tesko da bi umeo to da napravis.

Ono sto meni pada na pamet je Google Maps API sa kojim bi to mogao da uradis uz malo JS programiranja

 

[obi_van]

Zato i pitam , videcu Google Maps API sta nudi. Nemam nista protiv da cackam po js malo.

 

[kUdtiHaEX]

Proces nije tezak, posto Google Maps API ti moze ponuditi tacne koordinate, treba ti jednostavan skript koji ce ti omoguciti postavljanje objekata po mapi i njihovo renderovanje.

 

[farmaceut]

Mi smo svojevremeno rucno napravili "image map" za opstine u Bosni, kroz mali javascript. Ucitas sliku kao pozadinu, tipka start i stop, nadjes "zrtvu" sa puno zivaca i udri misem po slici (beljezi x/y kordinate). Na kraju je dobro ispalo, a bilo je gotovo za dan ili dva, ne sjecam se vise. Poslije toga mozes interpolirati goegrafske koordinate na osnovu rezolucije i krajnjih tacaka slke.

 

[Kritika]

Imaš li neki link ka projektu da se pogleda gotov rezultat?

 

[obi_van]

Ako budem imao vremena na poslu okacicu ja mapu kad je zavrsim. Inace uradicu na kraju sve u dreamweaveru, vec sam probao sa manjim celinama da vidim kako izgleda, i skroz je dobro.

 

[MH212]

Da ne otvaram novu temu pitacu ovde. Prvo pogledajte ovu mapu http://www.winwin.rs/gde-kupiti.html i kliknite na npr. Beograd, klikom na marker Beograd sa desne strane se pojavljuju adrese i linkovi ka svim prodavnicama u Bgu. Kako to uraditi?

 

[WebWolf]

@obi_van, MH212
Nisam shvatio bas kolika vam preciznost treba i koja je primena, ali jeste OpenLayers, odnosno GeoExt Javascript bibiloteke. One se koriste za online GIS aplikacije i mozete kombinovati rasterske i vektorske layere, referencirati tacke na osnovu geografskih koordinata, podesavait koordinatne sisteme itd. Mislim da moze aplikacija da izgleda vrlo lepo, samo treba malo customizovanja. Za Mh212 moze obican JavaScript, samo je naporno dok se sve podesi, ako ima previse tacaka. Ako ih je manje od 10, moze rucno verovatno da se nabode.

 

[MH212]

Hvala na brzom odgovoru al mi je potreban malo detaljniji Znam da moze rucno al ne znam kako, ako neko zna neki tutorijal koji bi mogao da se primeni za to, dobro bi mi doslo.

 

[MH212]

Ja sam izgleda poludeo al nigde ne vidim opciju za editovanje posta. Izvinjavam se za dupli post.

Zaboravite za moje pitanje, nasao sam resenje i uspeo da iskodiram da sve bude kako treba i kako sam zamislio, iskreno divim se sam sebi jer do pre 15, 16 sati nisam znao ni kako koordinate na mapi da odredim


Edit: Kod ovog posta imam dugme "promeni poruku" kod prethodnog nemam. Cisto ako zanima administratore da se pojavljuje taj problem. Evo i ss da ne mislite da sam prso.

http://www.dodaj.rs/f/g/vF/GO7Mxus/ss.png

 

[Neky]

Da li imaš dugme ili ne zavisi od toga kada je poruka postavljena. Posle određenog vremena (5 minuta recimo, ne znam tačno) više nemaš dugme za izmenu.

 

[MH212]

Da, da posle odredjenog vremena nestane sad je nestalo i kod ovog prethodnog posta.

 

[yooyo]

Bas lepo sto si pokrenuo temu, trazio pomoc, nasao odgovor i neces da okacis sta si to pronasao.

 

[MH212]

Izvinjavam se, naravno da cu da okacim. Nisam znao da nekom treba, pa sam samo javio da se neko ne bi trudio da pomogne.

Pre svega, ovo na sajtu win wina je fenomenalno odradjeno. Mapa je brutalna kao i markeri, meni nije trebalo nista tako komplikovano, nije mi trebalo da bude radjeno u Ajaxu sa svim onim animacijama, vec samo da se ove adrese pojave niotkuda kad se klikne na neki od markera. Ja sam mapu odradio mogo jednostavnije kao obicnu sliku sa koordinatama na kojima se nalaze markeri i ova mapa koju sam odradio trenutno ne sluzi nicemu, osim da testiram da li to funkcionise kako sam zamislio. Da ne duzim vise, vec da konacno predjem na stvar.

Nasao sam ovaj tutorijal i na osnovu njega sve odradio:

http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax_load

Spojler

<!DOCTYPE html>
<html>
<head>

<title>index</title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

<script>
$(document).ready(function(){
  $("#showBg").click(function(){
    $("#div1").load("Beograd.txt");
  });
});
</script>

<script>
$(document).ready(function(){
  $("#showNs").click(function(){
    $("#div1").load("NoviSad.txt");
  });
});
</script>

<script>
$(document).ready(function(){
  $("#showSu").click(function(){
    $("#div1").load("Subotica.txt");
  });
});
</script>

<script>
$(document).ready(function(){
  $("#showKg").click(function(){
    $("#div1").load("Kragujevac.txt");
  });
});
</script>

<script>
$(document).ready(function(){
  $("#showVa").click(function(){
    $("#div1").load("Valjevo.txt");
  });
});
</script>

<script>
$(document).ready(function(){
  $("#showCa").click(function(){
    $("#div1").load("Cacak.txt");
  });
});
</script>

<script>
$(document).ready(function(){
  $("#showNi").click(function(){
    $("#div1").load("Nis.txt");
  });
});
</script>

<script>
$(document).ready(function(){
  $("#showPr").click(function(){
    $("#div1").load("Pristina.txt");
  });
});
</script>

</head>
<body>


<img src="images/mapaSrbije.jpg" alt="Srbija" usemap="#mapaSrbija">
<map name="mapaSrbija">
        <area id="showBg" shape="rect" coords="197,228,249,280" alt="Beograd"> 
		<area id="showNs" shape="rect" coords="122,154,174,206"  alt="Novi Sad">
        <area id="showSu" shape="rect" coords="97,7,149,59"  alt="Subotica">
        <area id="showKg" shape="rect" coords="246,357,298,409" alt="Kragujevac" >
        <area id="showVa" shape="rect" coords="126,313,178,365" alt="Valjevo">
        <area id="showCa" shape="rect" coords="176,372,228,424"alt="Cacak">
        <area id="showNi" shape="rect" coords="359,466,411,518" alt="Nis">
        <area id="showPr" shape="rect" coords="275,571,327,623" alt="Pristina">
</map>

<div id="div1"></div>

</body>
</html>

A evo i kako izgleda krajnji rezultat:

http://milanhinic.cloudaccess.net/

(Kliknite na neki marker na mapi)

 

[Neky]

Početnik sam u ovome, ali evo malo sređen kod Vrlo verovatno ćeš morati da praviš sitnije izmene, ali trebalo bi da radi istu stvar kao tvoj kod.

http://jsfiddle.net/wrXg5/

 

[MH212]

I ja sam pocetnik, sto se moze videti iz mog koda Ne odgovara mi ovo zbog alert funkcije, adrese ne treba da se pojavljuju u novom prozoru vec odma pored slike mape. Prostudiracu ovaj tvoj kod za koji dan cim mi prodje ispit (vec sam sinoc izgubio jednu noc za ucenje, ne bih trebao to opet da uradim, nece izaci na dobro ). Verujem da mogu da izvucem nesto dobro iz tvog koda zato sto mi nebulozno deluje moj kod zbog ponavljanja iste skripte za svaki grad, siguran sam da to moze da se uradi drugacije. Aj kad je malo gradova, nije problem ponoviti 5, 6 puta skriptu al da ima 50 markera na mapi kao na sajtu win wina, sigurno bi bilo nebulozno koristiti onakav kod koji sam napisao.

Hvala u svakom slucaju


E, da. Procitao sam u ovoj temi nesto tipa "odredjivanje koordinata nije tezak posao, samo vam treba neko mnogo strpljiv ko ce to da odradi"... da se ne bi mucili sa time, evo korisnog sajta:

http://www.image-maps.com/