Google Maps API

McLovin · Napísal **McLovin**: 25.06.2016 7:21

Zdar. Chcel by som si vytvoriť mapu navštívených miest pre môj blog ale My Maps od Googlu mi nestačí, takže to skúšam cez Google Maps API. Ale keďže nemám žiadne základy programovania, tak som si pozrel som si zopár tutoriálov a mám niekoľko otázok

Ešte raz pripomínam, že o html, javascripte a podobne neviem takmer nič, takže majte strpenie ak sa budem pýtať základné otázky

Ďakujem.

1. V niektorých tutoriáloch písali v podstate celý skript do <head> a potom vložili do <body> iba niečo takéto

Kód:

čo zobrazilo mapu. Ale v inom návode písali skript do <body> takže otázka znie, čo je lepšie, respektíve podľa čoho viem, kde to mám písať?

2. Podobne som to videl aj pre štýl mapy. Niekde to bolo v <body> napríklad takto

Kód:

<div id="map_canvas" style="height:500px; margin-left:400px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-top: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA;"></div>

a niekde to bolo zadefinované v <head> napríklad takto

Kód:

<style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 100%;
      }
    </style>

Ktorý spôsob je lepší, respektíve podľa čoho sa rozhodujem, kam to napíšem?

To je zatiaľ všetko, čo by som chcel vedieť, neskôr snáď budem mať ďalšie otázky

Vopred díky za rady a spoluprácu.

BX · Napísal BX: 25.06.2016 7:57

1. Či sa píše javascript do head, alebo do body, je v podstate jedno. Dnes asi najpoužívanejší a odporúčaný postup je písať to tesne pred tag </body>, čiže úplne na koniec stránky. Dôvod je, že sa tak najprv načíta stránka a až nakoniec sa začne vykonávať javascript. Ak je javascript na začiatku, tak stránku "brzdí" dokým sa on sám nenačíta/nevykoná.

2. Vždy je lepšie a čistejšie písať to v CSS, čiže do tagov <style>, alebo oddeleného css súboru. Prečítaj si niečo aj o CSS https://www.jakpsatweb.cz/css/css-uvod.html

McLovin · Napísal autor témy **McLovin**: 26.06.2016 1:39

Super.

Teraz by som ti opísal ako si približne predstavujem tú stránku s mapou a potreboval by som vedieť, či všetky spomenuté veci dokážem cez Google Maps API spraviť

webdesign
stránka by mala vyzerať tak, že mapa bude vpravo a vľavo bude umiestnené menu na celú výšku
menu si predstavujem tak, že bude totožné s panelom, ktorý mám na blogu http://zapiskycestovatela.sk/
v menu pod logom by som chcel mať svet rozčlenený do kategórii podľa kontinentov a každá kategória by mala podkategórie (štáty), ktoré by sa objavili v rolovacom menu po rozkliknutí hlavnej kategórie (prípadne, keďže to bude celkovo asi dlhší zoznam, by sa v menu vždy zobrazovali iba rozkliknuté kategórie a bola by tam šípka späť pre návrat o level vyššie)

mapa
deafultne by mapa zobrazila celý svet bez akýchkoľvek markerov, trás a podobne
marker by sa objavil iba pri určitom stupni zoomu
po kliknutí na nejaký štát v menu, by sa ten zobrazil na mape so všetkými markermi, trasami a prípadnými legendami
po kliknutí na marker by vyskočila bublina s odkazmi na fotogalériu, článok na blogu, popisom a podobne

Ešte by som sa chcel spýtať na nasledovné - prístup k jednotlivým štátom si predstavujem niekoľkými spôsobmi:
1. Po načítaní stránky môže začať užívateľ začať rovno zoomovať na štát, ktorý chce vidieť a pri určitom stupni zoomu by sa objavili markeri a trasy, na ktoré by už potom mohol klikať.
2. Niekde som našiel hranice všetkých štátov sveta robené cez polygón, takže by sa to dalo spraviť tak, že by som tam dal niekde poznámku "Klikni sa štát, ktorý chceš zobraziť" čo by zobrazilo daný štát so všetkými markermi atď...
3. Výber štátu cez menu ako som spomínal vyššie.

No a otázka znie, ktorý spôsob sa ti pozdáva najviac, prípadne, či je možné ich použiť všetky naraz.

A na koniec ma ešte napadlo toto - mapa bude v podstate slúžiť ako taká interaktívna fotogaléria, pretože ku každému markeru a trase by som chcel priradiť bublinu s odkazmi na fotky, prípadne gps záznam trasy a podobne. Zatiaľ plánujem, že tam budú teda dve hlavné kategórie - markeri a trasy - ale do budúcna sa to možno ešte rozšíri o ďalšie kategórie, takže by som tam chcel mať niečo také, kde si zapnem/vypnem viditeľnosť jednotlivých kategórii - je to možné?

Uf, je toho asi veľa, čo by som chcel vedieť ale snáď bude mať niekto z vás čas a pomôže mi s týmto mojim projektom

// Spojený príspevok Ned 26.06.16 4:06

A ešte jeden dotaz. Keďže to bude pomerne veľa údajov, chcem to všetko načítavať z externého súboru (gps súradnice, url odkazy, ikonky, atď...)
Konkrétne by pre mňa bolo najlepšie použiť excel tabuľku a každý štát by bol na novej záložke. Nemal by to byť problém, však?

BX · Napísal BX: 26.06.2016 12:11

Tak za prvé, možné je všetko. Nechceš nič, čo by už pred tebou niekto nerobil.

Za druhé, vymyslel si si dosť zložitú aplikáciu. Front-end v javascripte a google maps api je jedna vec, ty ale budeš potrebovať aj kvalitný backend. Obávam sa, že nejaký excel ti v tomto viac priťaží, ako by ti mal pomôcť. Ako najlepšie riešenie sa samozrejme ponúka databáza (napr. SQLite).

Za tretie, určite ti tu nejdem písať, ako by si to mal naprogramovať. Navrhnúť správne takúto aplikáciu zaberie trocha času a vyžaduje to už nejaký programátorský skill. Naložil si si, tak sa s tým budeš musieť popasovať. Niekto iný ti možno napíše viac.

Len na motiváciu, toto som ja robil cca 3 dni http://navylet.info/ (základ, samozrejme neskôr som do toho vrazil ešte oveľa viac času na skrášlenie)

McLovin · Napísal autor témy **McLovin**: 26.06.2016 12:50

Venuješ sa tomu aj profesionálne? Ak áno, koľko by stálo niečo také, čo som opísal vyššie?

BX · Napísal BX: 26.06.2016 13:00

Noo, nejaký študent ti to spraví za pár desiatok, max stoviek eur. Tam ale treba rátať s nejakými kompromismi (často povedia "toto sa nedá", čo v preklade znamená, "toto neviem").
U mňa by to bolo 500-1500eur - záleží, ako veľmi jednoduché chceš mať ovládanie (správa údajov) a ešte by som vedel navrhnúť nejaké vychytávky do front-endu. Samozrejme bavíme sa o jedno-užívateľskom webe. Ak by to mala byť služba, tak bude cena oveľa vyššie.

McLovin · Napísal autor témy **McLovin**: 26.06.2016 13:05

Díky za info. Zatiaľ sa asi poobzerám po tej študentskej pomoci. Aj tak ten môj blog skoro nikto nečíta

Lessik · Napísal **Lessik**: 26.06.2016 16:18

chces to pre verejnost? pretoze takych sluzieb je urcite na mraky.

McLovin · Napísal autor témy **McLovin**: 27.06.2016 9:35

Chcem to na svoj blog, takže áno, pre verejnosť. Okrem MyMaps od Googlu existuje aj niečo podobné?

BX · Napísal BX: 27.06.2016 9:43

Lessik asi myslel, či to chceš ako službu. Nie, nechceš to ako službu - takých je mraky.
Stačí hľadať https://www.google.cz/#q=my%20maps%20alternative

McLovin · Napísal autor témy **McLovin**: 27.06.2016 9:55

Jaj, tak som ho nepochopil, nevadí

Ako službu to teda nechcem, bude to len mapa s mojimi výletmi, ktorú si ostatní budú môcť pozerať

Google Maps API

Podobné témy