Kako umetnuti Google mapu na web stranicu u html formatu?

0
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 ploča s informacijama o datom mjestu nalazi na lijevoj strani ekrana, uđite u meni pomoću dugmeta sa ikonom od tri vodoravne linije. Tamo, između mnogih opcija, odaberite "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 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 stalno nam se prikazuje kako bismo olakšali odabir. Nakon što odredite veličinu mape, 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 lokacija 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 kreiranju web stranica s dodatnim dodacima također mogu malo promijeniti izgled osnovne mape, na primjer dodavanjem asortimana (korisno za restoran koji nudi dostavu), dodavanjem više od samo jednog markera (kada kompanija ima više poslovnica) ili boje karta tako da izgleda estetski ugodno.poklapala se s bojama stranice.

Vrijedno je dodati da mape generirane na ovaj način, koje je nazvao Google "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.

OSTAVITE ODGOVOR

Unesite svoj komentar!
Unesite svoje ime ovde