Avtor: -primož-
25.09.09
| Zemljevid na spletni strani |
| HTML vodiči |
 Vstavite zemljevid na spletno stranZa podjetja je zelo pomembno, da obiskovalci spletne strani najdejo njihovo lokacijo. To še najlažje storite z vstavljanjem slovenskega zemljevida spletne strani Najdi.si, ali pa zamljevid spletne strani Google Maps. Kateri ponudnik zemljevida vam je ljubši si izberite sami. Najdi.si je slovenski a nima možnosti prikaza satelitskega posnetka, kar pa googlov zemljevid omogoča, kar se mi zdi bolje, saj se po realni sliki lažje orientiraš, kot pa le po zemljevidu ulic. V tem vodiču vam bom pokazal postopek za vstavljanje obeh zemljevidov. Začel bom z zemljevidom najdi.si, ker je slovenski. *zožan prikaz
1. Najdi.si Zemljevid
Pojdite na spletno stran zemljevid.najdi.si in kliknite na "Naredi svoj zemljevid".  Nato kliknite "Naredi nov zemljevid". Na zemljevidu približajte sliko, kliknite rokico (desno zgoraj) in nato z dvojnim klikom kliknite na želeni objekt. Vnesite podatke in kliknite shrani. Jaz bom uporabil sliko z mojega twitterja, ki mu lahko sledite tukaj. Slika mora biti velikosti 80x80 pikslov.   Dodate lahko 100 lokacij. Ko boste dodali vse lokacije kliknite gumb Naredi zemljevid.  Odpre se vam novo okence, kamor vpišete vaš e-mail naslov, kamor vam pošljejo geslo, s katerim lahko kasneje urejate zemljevid in pa HTML kodo zemljevida. V novem okencu pa se vam tudi pojavi koda, ki jo morate kopirati v svoj HTML dokument, na mesto, kjer želite imeti zemljevid. S to kodo imate sedaj zemljevid na stran. Toda mene moti seznam lokacij na desni strani in pa spodnja reklama "Želite imeti podoben zemljevid na svoji spletni strani". Tega se bomo znebili s pomočjo vodiča, ki govori o položaju spletne strani znotraj iframea. Preberite si ga tukaj. HTML in CSS koda: <html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> #okvir { width:400px; height:400px; overflow:hidden; position:relative; } #stran { position:absolute; top:-250px; left:-230px; width:1280px; height:1024px; } </style> </head> <body> <div id="okvir"> <iframe id="stran" src="/zemljevid.najdi.si/ ... " frameborder="0"></iframe> </div> </body> </html> PRIKAZ zemljevida Najdi.si 2. Google Maps zemljevid
Pojdite na spletno stran maps.google.com in vpišite naslov (npr. Šolska ulica 11). Googlov zemljevid je pri določanju slovenskih uličnih številk manj natančen, kot najdi.si!!! Za svoj zemljevid nastavite način prikaza. Jaz najraje uporabljam "satelit s prikazom oznak". Sedaj kliknite na "Povezava", levo zgoraj.  V novem okencu, ki se vam odpre kliknite "Prilagodite vdelan zemljevid".  Ko določite širino in višino si skopirajte kodo, ki jo imate pod točko 3. v svoj HTML dokument na tisto mesto, kjer želite imeti svoj zemljevid.  HTML koda:
Če vas moti spodnja možnost Prikaži večji zemljevid jo preprosto zbrišite iz svojega HTML dokumenta (od </iframe> naprej).
*Tudi tukaj si lahko pomagate z iframe vodičem in se znebite spodnjega copyrighta. In to bi bilo to, kar se tiče zemljevidov. Katerega boste uporabljali je čisto vaša odločitev. Najdi.si je bolj natančen, Google maps pa ima satelitske posnetke. |
| Sorodni vodiči | |
Moje-Mesto.com
Slovenska spletna stran s HTML, CSS, Windows in Photoshop vodiči.
