Ako vložiť mapu Google na webovú stránku v html?

0
ako vložiť google mapu na webovú stránku v html

Google mapa na základe jej sídla webové stránky je to veľká pomoc pre zákazníkov hľadajúcich svoje sídlo. Vďaka takejto mape sa zákazníci nielen dozvedia o polohe, ale jedným kliknutím si k nej v navigácii nastavia aj trasu, uložia si adresu na svoj Google účet alebo si pozrú recenzie, ktoré zanechali iní používatelia.

Ak chcete vložiť mapu Google na svoje webové stránky, musíte si ju vygenerovať. Ak to chcete urobiť, choďte na prehliadač verzia Google Maps a vyhľadajte adresu spoločnosti alebo iného miesta, ktorého mapu chceme na webe implementovať.

Keď sa panel s informáciami o danom mieste nachádza na ľavej strane obrazovky, vstúpte do ponuky pomocou tlačidla s ikonou troch vodorovných čiar. Tam spomedzi mnohých možností vyberte „zdieľať alebo vložiť mapu".

Po stlačení sa nám zobrazí okno s dvoma kartami - prvá vám umožní zdieľať mapu s iným používateľom internetu prostredníctvom súkromnej správy a druhá umiestnenie mapy Google na webovú stránku.

Tu môžete upraviť veľkosť budúcej mapy - môžeme si vybrať z malých, stredných, veľkých a tiež vlastných veľkostí, v ktorých môžete definovať šírku a výšku mapy v pixeloch. Každá dimenzia sa nám zobrazuje priebežne, aby sme uľahčili výber. Po určení, akú veľkosť má mapa mať, skopírujte kód vedľa nej.

Ako vložiť mapu Google na web krok za krokom

Vygenerovaný html kód by mal byť umiestnený v kóde stránky. Ak je web založený na systéme na správu obsahu, napríklad WordPress, nový editor príspevkov alebo stránok bude mať možnosť tento kód prilepiť. Týmto spôsobom môžete rýchlo vložiť mapu do nového záznamu alebo na podstránku. Takúto mapu je možné umiestniť aj do miniaplikácie kdekoľvek na stránke.

W przypadku, gdy strona www nie korzysta z WordPressa ani podobnych rozwiązań, wygenerowany kod należy wstawić samemu. Należy wówczas samodzielnie edytować plik index.html (jeśli chcemy dodać mapę do strony głównej) bądź plik odpowiedzialny za którąś z podstron i stworzyć element div, w którym wkleić należy kod. Bardziej zaawansowani w tworzeniu stron internetowych za pomocą dodatkowych pluginów mogą również nieco zmienić wygląd bazowej mapy, na przykład dodając zasięg (przydatne przy restauracji oferującej dowóz), dodać więcej znaczników niż tylko jeden (gdy firma ma kilka oddziałów) albo pokolorować mapę tak, by estetycznie wpasowywała się w kolorystykę strony.

Je potrebné dodať, že takto generované mapy nazývané Google „vložiť„, To je“zabudovaný" sú zadarmo.

Používanie rozhrania Google Maps API od roku 2018 je však splatné. Podľa aktuálneho cenníka cena závisí od počtu zobrazení - malé stránky nie sú vystavené žiadnym poplatkom, keď nepresiahnu mesačný limit dvesto dolárov. Jednotlivé sumy je možné skontrolovať Cenník platformy Google Maps Platform, tam, kde existujú aj limity zobrazenia, v prípade ich prekročenia vám Google bude účtovať poplatok. Rozhranie Google Maps API vám umožňuje zvoliť viac máp - môžete si vybrať dynamické, statické mapy, s ktorými nemožno interagovať, pokročilé vložené mapy s ďalšími možnosťami rozširujúcimi štandardné bezplatné vložené mapy.

ODPOVEĎ ODPOVEĎ

Zadajte svoj komentár!
Zadajte svoje meno tu