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

0
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 podacima o danom mjestu nalazi na lijevoj strani zaslona, ​​uđite u izbornik pomoću gumba s ikonom od tri vodoravne crte. Tu biste među mnogim opcijama trebali odabrati "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 prikazuje nam se kontinuirano kako bi se olakšao odabir. Nakon što odredite veličinu karte, kopirajte kod pokraj 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 kôd trebate umetnuti sami. Zatim biste trebali sami urediti datoteku index.html (ako želite dodati mapu na početnu stranicu) ili datoteku odgovornu za jednu od podstranica i stvoriti div element u koji treba zalijepiti kôd. Naprednije u izradi web stranica s dodatnim dodacima također mogu malo promijeniti izgled osnovne karte, na primjer dodavanjem asortimana (korisno za restoran koji nudi dostavu), dodavanjem više od samo jedne markere (kada tvrtka ima više podružnica) ili boje karta tako da izgleda estetski ugodno. podudarala se s bojama stranice.

Vrijedno je dodati da su karte generirane na ovaj način nazvane od 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.

OSTAVITE ODGOVOR

Unesite komentar!
Ovdje unesite svoje ime