Kako umetnuti Google mapu na web stranicu u html formatu?

kako umetnuti google mapu na web stranicu u html-u

Google mapa sa sedištem veb stranica velika je pomoć za kupce koji traže njegovo sjedište. Zahvaljujući takvoj mapi, 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 ostave drugi korisnici.

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

Kada se tabla sa informacijama o datom mestu nalazi na levoj strani ekrana, uđite u meni pomoću dugmeta sa ikonicom sa tri horizontalne linije. Tu, između mnogih opcija, treba izabrati "podijelite ili ugradite mapu".

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 mape na web stranicu.

Ovdje možete podesiti veličinu buduće mape - 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 stalno prikazuje kako bismo olakšali odabir. Nakon što odredite veličinu karte, kopirajte kod pored nje.

Kako korak po korak umetnuti Google mapu na web stranicu

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

Ako web stranica ne koristi WordPress ili slična rješenja, generirani kod treba umetnuti sami. Zatim biste trebali sami urediti datoteku index.html (ako želite da dodate mapu na početnu stranicu) ili datoteku odgovornu za jednu od podstranica i kreirate div element u koji treba zalijepiti kod. Napredniji u kreiranju web stranica s dodatnim dodacima također može malo promijeniti izgled osnovne karte, na primjer dodavanjem raspona (korisno za restoran koji nudi dostavu), dodavanjem više od jednog markera (kada kompanija ima nekoliko podružnica) ili boje mapa tako da izgleda estetski ugodna.odgovara bojama stranice.

Vrijedi dodati da su mape generirane na ovaj način, nazvane od strane Googlea "ugraditi", to je "ugrađen" 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čni limit od dvjesto dolara. Mogu se prijaviti pojedinačni iznosi Cjenik Google Maps Platform, tamo gdje postoje i ograničenja prikaza, ako ih premašite, Google će vam naplatiti. Google Maps API omogućava vam odabir više karata - možete odabrati dinamičke, statičke mape s kojima se ne može komunicirati, napredne ugrađene mape s dodatnim opcijama koje proširuju standardne, besplatne mape.

udio