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.

Pokiaľ webová stránka nepoužíva WordPress alebo podobné riešenia, vygenerovaný kód by ste mali vložiť sami. Potom by ste mali sami upraviť súbor index.html (ak chcete na domovskú stránku pridať mapu) alebo súbor zodpovedný za jednu z podstránok a vytvoriť prvok div, do ktorého by sa mal vložiť kód. Pokročilejšie pri vytváraní webových stránok pomocou ďalších doplnkov môže tiež mierne zmeniť vzhľad základnej mapy, napríklad pridaním rozsahu (užitočný pre reštauráciu ponúkajúcu rozvoz), pridaním viac ako jednej značky (ak má spoločnosť niekoľko pobočiek) ) alebo vyfarbite mapu tak, aby vyzerala esteticky. Zladila sa s farbami stránky.

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