Kako umetnuti Google kartu na web stranicu u html-u?

kako umetnuti google mapu na web stranicu u html

Google karta sa sjedištem tvrtke koja joj je smještena web stranica velika je pomoć za kupce koji traže njegovo sjedište. Zahvaljujući takvoj karti, kupci će ne samo saznati za lokaciju, već i jednim klikom postaviti put do nje u navigaciji, spremiti adresu na svoj Google račun ili pogledati recenzije koje su ostavili drugi korisnici.

Da biste na svoju web stranicu umetnuli Google kartu, morate je generirati. Da biste to učinili, idite na preglednik verziju Google Mapsa i potražite adresu tvrtke ili drugog mjesta čiju mapu želimo implementirati na web mjestu.

Kada se ploča s informacijama o određenom mjestu nalazi na lijevoj strani ekrana, uđite u izbornik pomoću gumba s ikonom od tri vodoravne crte. Tu, među mnogim opcijama, treba izabrati "podijeliti ili ugraditi kartu".

Nakon pritiska, vidjet ćemo prozor s dvije kartice - prva će vam omogućiti dijeljenje karte s drugim korisnikom interneta putem privatne poruke, a druga postavljanje Google karte na web stranicu.

Ovdje možete prilagoditi veličinu buduće karte - možemo birati između malih, srednjih, velikih i također prilagođenih veličina, u kojima možete definirati širinu i visinu karte u pikselima. Svaka dimenzija nam se prikazuje kontinuirano kako bismo olakšali odabir. Nakon što odredite veličinu karte, kopirajte kod pored nje.

Kako korak po korak umetnuti Google kartu na web stranicu

Generirani html kôd treba smjestiti u kod stranice. Ako se web stranica temelji na sustavu za upravljanje sadržajem, kao što je WordPress, novi urednik posta ili stranice imat će mogućnost zalijepljenja koda. Na taj način možete brzo staviti kartu u novi unos ili na podstranicu. Takva se karta također može staviti u widget bilo gdje na stranici.

Ako web stranica ne koristi WordPress ili slična rješenja, generirani kod trebate sami umetnuti. Zatim trebate sami urediti datoteku index.html (ako želite dodati kartu na početnu stranicu) ili datoteku odgovornu za jednu od podstranica i izraditi div element u koji treba zalijepiti kod. Napredniji u izradi web stranica s dodatnim dodacima mogu također malo promijeniti izgled osnovne karte, primjerice dodavanjem raspona (korisno za restoran koji nudi dostavu), dodavanjem više od jedne oznake (kada tvrtka ima više podružnica) ili boje kartu tako da izgleda estetski dopadljivo uskladiti boje stranice.

Vrijedno je dodati da su karte generirane na ovaj način, nazvane od strane Googlea "Ugraditi", to je "ugrađeni" su besplatni.

Međutim, upotreba API-ja Google Maps od 2018. godine je plativa. Prema trenutnom cjeniku, trošak ovisi o broju prikaza - male web stranice nisu izložene nikakvim naknadama kada ne prelaze mjesečnu granicu od dvjesto dolara. Mogu se prijaviti pojedinačni iznosi Cjenik Google Maps Platform, ako postoje i ograničenja prikaza, ako ih premašite, Google će vam naplatiti. Google Maps API omogućuje vam odabir više karata - možete odabrati dinamičke, statičke karte s kojima se ne može komunicirati, napredne ugrađene karte s dodatnim opcijama koje proširuju standardne, besplatne ugrađene karte.

udio