Žemėlapiai yra esminis bet kurios verslo svetainės aspektas. Net jei esate visiškai internetinis, klientams vis tiek patinka žinoti, kas jūs esate ir kur gyvenate. Daugelio svetainių „Google Maps“ dabar yra numatytasis nustatymas, nes jomis lengviausia naudotis, atrodo, kad ji yra pati tiksliausia ir nemokama. Pasibaigus šiai mokymo programai, jūs tiksliai žinosite, kaip į savo svetainę įterpti reaguojantį „Google“ žemėlapį.
Numatytieji „Google“ žemėlapiai ne visada reaguoja, todėl jų mastelis gali būti nevienodas pagal skirtingus ekrano dydžius. Priklausomai nuo to, ar naudojate „WordPress“ papildinį, ar įterpiate jį patys naudodami kodą, gali reikėti pridėti keletą CSS eilučių, kad žemėlapis būtų reaguojantis.
Reaktyvus interneto dizainas
Atsakymas yra pagrindinis terminas. Tai apibūdina interneto dizainą, kuriame atsižvelgiama į vartotojo patirtį ir įrenginį, siekiant užtikrinti, kad jis būtų vienodas, nepaisant to, kokį įrenginį naudojate prieigai prie svetainės. Pvz., Reaguojanti svetainė turėtų suteikti tokios pat kokybės patirtį, nesvarbu, ar lankotės joje darbalaukyje, planšetiniame kompiuteryje ar išmaniajame telefone.
Norėdami tai padaryti, svetainė turi prisitaikyti prie skirtingų rezoliucijų, ekrano dydžių ir liesti.
Įdėkite reaguojantį „Google“ žemėlapį į svetainę
Yra trys būdai, kuriuos žinau, kaip įterpti „Google Maps“ į svetainę. Jei naudojate „WordPress“ temą, joje gali būti įdiegta funkcija. Taip pat galite naudoti papildinį arba galite įterpti kodą tiesiai iš „Google“ į bet kurią svetainę. Pirmoji ir antroji parinktys puikiai tinka „WordPress“ vartotojams, kitos CMS taip pat naudoja įskiepius, taigi jūs esate ten aprėpti. Paskutinis variantas, naudojant kodą, turėtų veikti daugumoje svetainių, neatsižvelgiant į tai, kaip jie sukurti.
Norėdami įterpti reaguojantį „Google“ žemėlapį, naudokite „WordPress“ temą
Kai kurios „WordPress“ temos turės funkciją, skirtą „Google Maps“. Kadangi žemėlapiai yra tokie svarbūs šiuolaikinėms svetainėms, kai kurie temų dizaineriai juos įgyvendino tiesiai į savo dizainą. Jei jūsų tema turi žemėlapio funkciją, jums greičiausiai reikės „Google Maps“ API, kad ji veiktų. Įtrauksite API į temos parinktis ir ji kalbėsis tiesiogiai su „Google“, kad sudarytų žemėlapį kiekvieno apsilankymo metu.
- Apsilankykite šiame „Google“ svetainės puslapyje, kad pradėtumėte API procesą.
- Pasirinkite mėlyną mygtuką Pradėti.
- Naujojo ekrano viršutiniame kairiajame kampe pasirinkite trijų eilučių meniu piktogramą.
- Pasirinkite API ir paslaugas, tada - kredencialai.
- Pasirinkite Kurti kredencialus ir tada API raktą.
- Pasirinkite Apriboti raktą ir pasirinkite HTTP persiuntėjai.
- Pasirinkite Išsaugoti.
- Nukopijuokite API raktą ir įklijuokite jį į projektavimo parinkčių puslapį, kuriam to reikia.
Kai turėsite API raktą, galėsite įdiegti „Google“ žemėlapį į savo svetainę naudodami temos kūrimo įrankius. Kol tema reaguoja, žemėlapis taip pat turėtų būti.
Naudokite papildinį, kad įdėtumėte reaguojantį „Google“ žemėlapį
„WordPress“ naudoja papildinius, „Joomla“ naudoja plėtinius, „Drupal“ naudoja modulius ar papildinius ir kitose CMS naudoja panašias įvardijimo konvencijas. Bet kuriuo atveju papildiniai nurodo modulinius elementus, kuriuos galite prisukti prie pagrindinės CMS, kad pridėtumėte funkcijų. Viena naudingų funkcijų yra „Google Map“. Jei jūsų svetainės temoje nėra žemėlapių elemento ir jūs nenorite to padaryti patys, papildinys yra kitas geriausias dalykas.
- „WordPress“ eikite į „Plugins“ ir „Add New“.
- Ieškokite „Google Maps“ ir pasirinkite papildinį, kuris jums patinka.
- Įgalinkite jį naudodami papildinius ir eikite į jo nustatymus.
- Pridėkite aukščiau sukurtą „Google Maps“ API ten, kur nurodyta, ir išsaugokite.
- Įdiekite papildinį visur, kur norite, kad būtų rodomas žemėlapis.
Kitos CMS šiek tiek skiriasi pavadinimais ir meniu pozicijomis, tačiau principas iš esmės nesiskiria. Daugumai, jei ne visiems, žemėlapio papildiniams veikti reikės „Google Maps“ API.
Naudokite kodą įterpdami reaguojantį „Google“ žemėlapį
Jei nenaudojate „WordPress“ ar kitos CMS, vis tiek galite įterpti reaguojantį „Google“ žemėlapį. Jums tereikia naudoti kodą, o ne modulį. Tai užtruks šiek tiek daugiau darbo, tačiau pateiks tuos pačius reaguojančius žemėlapius.
- Apsilankykite „Google“ žemėlapiuose ir naršykite tol, kol norimą rodyti žemėlapį užpildys ekranas.
- Pasirinkite mėlyną nuorodą Bendrinti ir nukopijuokite kodą iš „Embed Map“.
- Pridėkite savo įterpimo kodą žemiau esančiame kode tarp ir.
- Įveskite kodą į savo tinklalapio, kuriame norite pamatyti žemėlapį, HTML kodą.
- Išsaugokite pakeitimus.
Kodas:
Tai nėra mano kodas, radau internete, bet išbandžiau savo svetainėje. Tai veikia kaip žavesys ir turėtų veikti, nesvarbu, ar naudojate CMS, HTML, „Hugo“, ar vieną iš daugelio kitų svetainės kalbų ar puslapio įrankius.
