Sukurkite pasirinktinius „Google“ žemėlapius naudodami „Drupal“

Kai nusprendėme atnaujinti „Acquia“ mokymo svetainę į „Drupal 7“, norėjome, kad renginio puslapyje būtų žemėlapis, kuriame būtų nurodytos visų mūsų būsimų kursų vietos, taip pat kiekvieno kurso žemėlapis, kad vartotojai galėtų greitai pajusti, kur vyksta renginiai. vyks. Lankytojai taip pat gali atidaryti žemėlapius „Google“ žemėlapiuose, kad gautų nuorodas.

Anksčiau buvo sunku sukurti žemėlapius iš vietos duomenų, saugomų „Drupal“. Yra daugybė modulių ir metodų, kaip tai išspręsti, tačiau rasti tinkamą derinį gali būti keblu. Mokymo svetainėje mes supratome, kaip visa tai įgyvendinti, naudodami šiuos tris modulius (kartu su visais kitais reikalingais moduliais):



Šiame aprašyme aš jums parodysiu, kaip mes panaudojome šiuos modulius kurdami pasirinktinius įvykių žemėlapius. Pirmiausia sukonfigūruosiu kiekvieną modulį, naudodamas IP geografinės vietos rodinius ir žemėlapius, kad surinkčiau vietovės duomenis iš svetainės lankytojų, tada sukūriau visuotinį žemėlapį, kuriame rodoma būsimų įvykių vieta kartu su kaiščiu, nurodančiu žiūrinčiojo vietą.



Galite pažvelgti į rezultatus čia .

01 žingsnis

Pirmiausia turite įgalinti šiuos modulius: Vieta, Vietos CCK, GMap, GMap Vieta ir IP geografinės vietos rodiniai ir žemėlapiai (IPGV ir M). Reikės tam tikrų priklausomybių, pvz., „Views“, todėl tęskite ir įgalinkite ir jas.



02 žingsnis

Konfigūruoti vietos modulį

Konfigūruoti vietos modulį

Eikite į Administratorius> Konfigūruoti> Turinys> Vieta ir sukonfigūruokite Vietos modulį. Dalyje Pagrindiniai nustatymai įgalinome parinktį Atidaryti žemėlapį naujame lange ir palikome skirtuką Žemėlapio nuorodos. Skirtuke „Geokodavimo parinktys“ išskleidžiamajame meniu „Google Maps“ geografinio kodavimo tikslumas pasirinkome adreso lygio tikslumą. Mes taip pat pažymėjome „Google Maps“ mygtuką kiekvienai šaliai, kurioje vykdome kursus. Jei pridėsite įvykį naujoje šalyje, turite grįžti čia ir įgalinti tos šalies geokodavimą.

03 žingsnis

Norėdami sukonfigūruoti „GMap“ modulį, eikite į „Administratorius“> „Konfigūruoti“> „Paslaugos“> „Gmap“, kur įvesite „Google Maps“ API raktą. Įveskite numatytuosius žemėlapio nustatymus, kuriuos norite naudoti. Mes pritaikėme numatytąjį 350 taškų plotį, numatytąjį 160 taškų aukštį ir be numatytojo centro, kad atitiktų mūsų renginių puslapių dizainą. Veiksmo „Žymeklis“ parinktį galima nustatyti kaip Atidaryti informacijos langą, kad vartotojai spustelėdami žymeklį gautų iššokantįjį langą.



04 žingsnis

„IPGV & M“ modulis leidžia rinkti informaciją apie vietą iš savo vartotojų. Kai jie lankosi puslapyje, kuriame yra žemėlapis, jų vietą galima parodyti tame žemėlapyje ir naudoti nurodant įvykį. Norėdami jį sukonfigūruoti, eikite į Administratorius> Konfigūruoti> Sistema> ip_geoloc. Patikrinome, kaip naudoti „Google Maps“ API ... kartu su „Employ Smart IP“ ... kaip atsarginę kopiją. Taip pat įvedėme URL, kur norėjome rinkti vartotojo vietos duomenis: visus įvykių mazgus ir pagrindinių įvykių nukreipimo puslapį. Kitus variantus palikome pagal numatytuosius nustatymus.

05 žingsnis

Vietos lauko sukūrimas

kaip valdyti dizaino studiją
Vietos lauko sukūrimas

Kiekviename įvykio mazge norėjome parodyti įvykio vietos „Google“ žemėlapį. Vietos moduliu galima sukurti vietos lauką, kuris nukreipia adresą ir geografiškai koduoja jį į platumą ir ilgumą, kad būtų rodomas žemėlapyje. Numatytųjų reikšmių nustatymuose nenustatėme jokių numatytųjų nuostatų, kad išvengtume tuščių žemėlapių, jei neįvedami vietovės duomenys, pavyzdžiui, įvykio internete.

06 žingsnis

Kolekcijos nustatymuose pasirinkome Leisti rinkti šiuos elementus vietai: Vietos pavadinimas, Gatvės vieta, Papildoma, Šalis, Miestas, Valstija / provincija (pasirinkdami išskleidžiamąjį meniu iš antrojo meniu), Pašto kodas ir Koordinatės parinkėjas (tai leidžia redaktoriui įvesti platumą ir ilgumą, jei geokodavimas dėl kokių nors priežasčių nepavyksta). Ekrano nustatymuose pažymėjome: Koordinačių parinkėjas, provincijos pavadinimas, šalies pavadinimas ir koordinatės. „GMap Macro“ paprasčiausiai nustatytas į [gmap], o mūsų GMap žymeklis yra mėlynas.

07 žingsnis

Įvykio turinio tipo skirtuke Tvarkyti ekraną pasirinkite Adresas su žemėlapiu kaip lauko Vietos formatas. Dabar, kai žiūrite įvykį su adresu, pamatysite faktinį adresą ir vietos žemėlapį. Žemiau žemėlapio pateikiama nuoroda į „Google Maps“, kad vartotojai galėtų su juo bendrauti, pavyzdžiui, norėdami gauti nuorodas iš savo vietos.

08 žingsnis

Jei išsaugojus įvykį žemėlapis nerodomas, grįžkite ir redaguokite mazgą, kad įsitikintumėte, jog platumos ir ilgumos dabar matomos po vietos duomenimis. Jei ne, gali reikėti įgalinti tos šalies geokodavimą arba rankiniu būdu įvesti platumą ir ilgumą. Jei tai neveikia, dar kartą patikrinkite visus aukščiau pateiktus nustatymus. Kraštutiniu atveju patikrinkite tam tikro modulio problemų sąrašą „Drupal“ svetainė norėdami sužinoti, ar galite ten gauti pagalbos.

09 žingsnis

„Views“ modulis sukuria ekraną

Paskutinis dalykas, kurį turime padaryti, yra sukurti ekraną, kuriame visi mūsų įvykiai būtų rodomi pasaulio žemėlapyje. Tai galime padaryti naudodami „Views“ modulį kartu su „IPGV & M“ moduliu. „Views“ yra vienas iš tų visur esančių modulių, kuris paprastai naudojamas visose, išskyrus pačias paprasčiausias svetaines. To reikalauja „IPGV & M“, todėl šiuo metu jau turėtumėte jį įgalinti.

10 žingsnis

Sukurkite naują rodinį (Administratorius> Struktūra> Rodiniai> Pridėti) ir pažymėkite Kurti bloką, kurio rodymo formatas nustatytas kaip Žemėlapis („Google“ API, naudojant IPGV ir M). Šios parinkties nustatymuose pamatysite platumos ir ilgumos laukų išskleidžiamąjį meniu. Jei tuos laukus jau pridėjote prie laukų sąrašo rodinyje, pasirinkite juos; kitaip kol kas palikite juos tuščius - juos galėsite pridėti pridėję laukus. Palikite numatytąjį numatytosios vietos žymeklį.

kaip glostyti kelią Photoshop

11 žingsnis

Žemėlapio parinktys yra tos, kuriose yra keblių dalykų. Norint gauti norimą rezultatą, jūs tikrai turite žaisti su parinktimis. Mes panaudojome:

{'mapTypeId':'roadmap', 'disableDefaultUI':true, 'zoom':2, 'zoomControl':true, 'scaleC ontrol':true,'centerLat':20, 'centerLng':-30}

Į žemėlapio stilių (CSS atributus) pridėkite CSS stilių pačiam žemėlapiui: čia mes naudojame aukštį: 400 taškų; plotį: 100%. Žemėlapio centravimo parinktyse pasirinkite Centruoti žemėlapį dabartinėje lankytojo vietoje ir įveskite šešiakampį spalvų kodą (be #) vartotojo piktogramos spalvai.

12 žingsnis

Pridėti rodinyje „Vieta: Platuma ir Vieta: Ilguma“ laukus. Šiuos laukus būtinai nustatykite kaip „Išskirti iš ekrano“. Tada pridėkite bet kokius kitus laukus, kuriuos norite rodyti iššokančiajame lange, kai kas nors spusteli žymeklį žemėlapyje: pavyzdžiui, Turinys: Pavadinimas, Turinys: Data, Vieta: Miestas ir pan. Prie rodinio pridėjome filtrą, kad būtų rodomi tik tų įvykių mazgai, kurių pradžios data bus ateityje (Turinys: Data (pradžios data)> dabar).

13 žingsnis

Išsaugokite rodinį ir pridėkite bloką ten, kur norite, kad jis būtų rodomas jūsų svetainėje. Galite pamatyti mūsų žemėlapį čia .

Šis straipsnis iš pradžių pasirodė 259 leidime tinklinis žurnalas .

Žodžiai : Dave'as Myburghas

Patiko tai? Perskaitykite tai!