Blog

Kirjutame veebiteemadest, turundusest, tehnoloogiast.

Widget

Kaupo KaldaKaupo Kalda

Kirjutas Kaupo Kalda

Kaupo on OKIA asutaja (1996) ja üks Eesti kogenumaid veebi-professionaale. Tema igapäevane töö on aidata kliendil leida sobiv idee. Ta on osalenud mitmete (ka rahvusvaheliste) erialakonkursside zhüriis. Lisaks veab ta Eesti loetuimat turundus- ja veebiarendusblogi ning Facebooki lehte - meie enda omi. Kaupo on Veebiklubi, Metrix.ee ja Help.ee eestvedaja, vabal ajal hobifotograaf. Loe ka Best Marketingi persooniintervjuud.

23. august 20105 kommentaari

5 min koolitus: kuidas panna kodulehele kaart? (Google Maps)

Kuidas lisada oma kodulehele/blogisse või saata meiliga võimalikult lihtsalt ja lihtne suumitav-liigutatav asukohakaart.

1. Mine aadressile maps.google.com ja logi ülalt sisse kui juba ei ole sisselogitud.

Google Maps

2. Kliki ülalt "My Maps", seejärel "Create new map".

Google Maps

3. Sisesta kaardi nimi ja määra, kas see tuleb ka avalikes otsingutes välja.

Google Maps

4. Pista kaardile infomumm(ud). Selleks vali kaardi ülaservast vastav tööriist, aseta mumm kaardile (nihuta vajadusel) ja kirjuta info. Seejärel vasakult "Done". Muidugi saab teha märksa rohkem kui vaid üks mumm (näiteks markeerida ala, kasutada ikoonina oma logo jne), aga seda saad juba ise katsetada. Samuti saab mummu lisada otsides – otsid ülevalt märksõna või aadressi ning otsitulemuse juures klikid "Save to…", kust valid mõne oma kaardi millele see mumm lisatakse või teed uue kaardi.

Google Maps

5. Lisa kaart kodulehele või saada sõbrale meilitsi/Skype/Messengeri kaudu link. Selleks kliki ülevalt paremal "Link", kodulehele lisamiseks on kõige parem valida "Customize and preview embedded map". Määra kaardi mõõdud, tsentreeri kaart sobivaks, suumi piisavalt lähedale või kaugele ja kopeeri alt HTML-kood. HTML koodi lisadki oma sisuhaldustarkvarasse kus sisestad oma veebi või blogisse tekste. Pane tähele: koodi lisamiseks pead sisestusakna lülitama "Source" või "HTML Mode" rezhiimi (sarnaselt lisatakse tavaliselt ka videod). Salvesta.

Kui soovid saata kaarti meiliga või Skype kaudu kopeeri paremalt ülevalt link aknast "Paste link in email or IM".

Google Maps

Selle näite tulemuseks on kodulehel selline kaardike:

View OKIA kontor in a larger map

See oli lihtsustatud viis kaardi lisamiseks oma kodulehele, keerulisematel puhkudel, kus ka näiteks andmebaasid mängus, kasutatakse juba vastavat Google Maps API platformi. Samuti võib otsida näiteks WordPressi adminpoolelt "Plugins" alt mõne vastava plugina millega kaarte otse WordPressi sees luua, aga see ei ole enam päris 5 minuti jutt. Üks lihtne WordPressi plugin on näiteks "MapPress".

Meeldib?

, , , , , , ,

  1. Vasta

    Allar

    23.08.2010 11:10

    Ja wordpress kustutab iframe koodi ära, kui seda visuaalredaktoris hiljem vaadata. Selleks, et wordpres iframe koodi lubaks on kah pluginat vaja… :)

  2. Vasta

    Kaupo Kalda

    Kaupo Kalda

    23.08.2010 11:14

    Tohohh, mul seda probleemi pole esinenud Chromega. Meil on küll ka teine editori plugin (ckeditor), võibolla asi selles.

  3. Vasta

    Tarmo

    23.08.2010 12:17

    Veel lihtsam (võtab ka aega max 5 minutit) on kasutada Google Maps Static API, kui laius ja pikkuskraadi ei tea, siis seda saab lihtsalt kätte kui Google Maps Labs’is aktiveerida “LatLng Marker”. Siis saad hiire parema klikiga kaardile kuvada kordinaadid.

    Seejärel, lisa lehele pilt aadressiga (asenda LATITUDE ja LONGITUDE kordinaatidega)
    http://maps.google.com/staticmap?markers=LATITUDE,LONGITUDE&zoom=15&size=340×340&sensor=false&maptype=roadmap

    Kui soovid, et külastaja saaks ka navigeerida, lingi pilt aadressiga
    http://maps.google.com/maps?q=LATITUDE,LONGITUDE

  4. Vasta

    Aarne

    23.08.2010 15:49

    Ma rõhutaks seda, et ikka tasub lisaks firma asukohale ka muid suuremaid – tähtsamaid objekte märgistada. Kui kaardil on lisaks kontorile ka kohalike supermarketite, bensiinijaamade, pangaautomaatide, jne mummud, siis on ülesleidmine lihtsam.

  5. Vasta

    Firma kontaktandmed 2.0

    07.09.2010 08:34

    [...] Mapsist saab üsna kerge vaevaga väga asjaliku kaardi oma lehele panemiseks (loe õpetust Okia blogis). Lisaks saad ise kaardile märkida ka läheduses asuvaid objekte mille järgi külastajatel oleks [...]

Kommenteeri