Viegli ieguliet pilnībā responsīvas Google Maps savā vietnē — 100% bez maksas, nav nepieciešama API atslēga! Ģenerējiet HTML iframe kodu zemāk!
Vēlaties parādīt sava veikala, biroja vai restorāna atrašanās vietu savā vietnē? Kartes pievienošana ir būtiska lieliskai lietotāju pieredzei. Šī rokasgrāmata jūs vadīs cauri Google Maps iegulšanas procesam jūsu vietnē, sākot no vienkāršiem iframe līdz sarežģītām API ieviešanām. Neatkarīgi no tā, vai jums nepieciešams ātrs risinājums vai vēlaties izpētīt pielāgošanas iespējas, mēs aptversim visu, kas jums jāzina.
Pastāv trīs galvenās metodes Google Maps iegulšanai, katrai ar savām priekšrocībām. Varat izmantot mūsu ērto Google Maps Iframe Ģeneratoru ātrākajai uzstādīšanai, izvēlēties pamata iframe iegulšanu vienkāršībai vai izmantot Google Maps Platform API paplašinātām funkcijām. Iframe ģenerators ir ātrākais veids, kā sākt, standarta iframe metode ir vienkārša un uzticama, bet API piedāvā pilnīgu pielāgošanu. Izpētīsim katru iespēju, lai palīdzētu jums izlemt, kura vislabāk atbilst jūsu vajadzībām.
Vajadzīgs ātrākais veids, kā iegult Google Maps iframe? Izmantojiet mūsu Google Maps Iframe Ģeneratoru! Mūsu rīks vienkāršo procesu, ģenerējot gatavu lietošanai iframe kodu sekundēs — nav jāpārvietojas pa Google Maps manuāli. Vienkārši ievadiet savu atrašanās vietu, pielāgojiet pamata opcijas un nokopējiet kodu. Lūk, kā tas darbojas:
Šī metode ir ideāla iesācējiem vai ikvienam, kurš vēlas karti savā vietnē mazāk nekā minūtes laikā!
Meklējat ātru un vienkāršu veidu, kā pievienot karti savai HTML lapai? Standarta iframe metode ir lieliska izvēle. Tas ietver kartes tiešu iegulšanu no Google Maps ar vienkāršu HTML koda fragmentu — domājiet par to kā logu uz Google Maps jūsu vietnē. Lūk, soli pa solim ceļvedis:
Iframe ir fantastiska, bezrūpīga izvēle, lai pievienotu pamata interaktīvu karti jūsu vietnē.
Jūs varat pielāgot iframe kodu, lai pielāgotu tā izskatu. Šeit ir daži izplatīti atribūti, ar kuriem jūs saskarsieties:
0
, lai nebūtu robežas).platums
un augstums
atribūtus iframe kodā.Vajadzīga lielāka kontrole pār jūsu karti? Google Maps Embed API ir īstā izvēle. Lai gan iframe ir lieliski vienkāršībai, Embed API piedāvā paplašinātu pielāgošanu un funkcionalitāti.
Embed API atver plašas iespējas, ļaujot jums izveidot interaktīvu, informācijas bagātu pieredzi, kas pielāgota jūsu vietnes vajadzībām. Izmantojiet to, kad vēlaties:
Šī metode prasa zināmas tehniskas zināšanas un JavaScript. Sekojiet šiem soļiem:
Ar Embed API pielāgošana ir gandrīz neierobežota. Izmantojiet Google Maps Stilēšanas Vedni, lai izveidotu kartes izskatu, pēc tam piemērojiet šos stilus caur API. Piemēri ietver:
Pat ar skaidrām instrukcijām var rasties problēmas. Šeit ir risinājumi biežākajām problēmām:
src
atribūts norāda uz derīgu atrašanās vietu.platums
un augstums
parametrus iframe vai API konteinerā, nodrošinot, ka tie atbilst jūsu vietnes stiliem.allowfullscreen
parametrs. API gadījumā pārbaudiet interaktivitātes iestatījumus URL vai JavaScript.platums
uz 100%
un pielāgojiet augstums
pēc vajadzības, lai tas derētu visām ierīcēm.