Мапе су суштински аспект било ког веб сајта. Чак и ако сте потпуно засновани на интернету, купци и даље воле да знају ко сте и где живите. Гоогле мапе су сада задата поставка за многе веб странице јер је најлакши за употребу, наизглед најтачнији и бесплатан. На крају овог водича знаћете тачно како да уградите одзивну Гоогле мапу у своју веб локацију.
Подразумеване Гоогле мапе не реагују увек тако да се не могу скалирати на различите величине екрана. Зависно од тога да ли користите ВордПресс додатак или га сами уграђујете помоћу кода, можда ћете морати додати пар линија ЦСС-а да би мапа одговарала.
Одговарајући веб дизајн
Ту је одазив кључни појам. Описује веб дизајн који узима у обзир корисничко искуство и уређај како би се осигурало да је исти без обзира на то који уређај користите за приступ веб локацији. На пример, респонзивна веб локација треба да пружи исти квалитет искуства без обзира да ли је посећујете на радној површини, таблету или паметном телефону.
Да би се то постигло, веб локација се мора прилагодити различитим резолуцијама, величинама екрана и додиру.
Уграђивање одговарајуће Гоогле мапе у веб локацију
Постоје три начина за која знам да уградим Гоогле мапе у веб локацију. Ако користите ВордПресс тему, можда је уграђена ова функција. Такође можете да користите додатак или можете да уградите код директно са Гоогле-а на било коју веб локацију. Прва и друга опција су сјајне за ВордПресс кориснике, други ЦМС користе и додатке, тако да сте тамо покривени. Коначна опција помоћу кода треба да делује на већини веб локација без обзира на то како су направљени.
Користите ВордПресс тему да бисте уградили одговарајућу Гоогле мапу
Неке теме ВордПресс-а имаће функцију посебно за Гоогле мапе. Како су мапе толико битне за модерне веб странице, неки дизајнери тема су их директно увели у своје дизајне. Ако ваша тема има функцију на мапи, вероватно ће вам требати АПИ за Гоогле мапе да би радила. АПИ додајете у опције тема и он ће директно разговарати са Гооглеом како би направио мапу приликом сваке посете.
- Посетите ову страницу на веб локацији Гоогле да бисте започели поступак АПИ-ја.
- Изаберите плаво дугме Почетак рада.
- Изаберите икону менија са три ретка у горњем левом делу новог екрана.
- Изаберите АПИ-је и услуге, а затим повериоце.
- Изаберите Цреате Цредентиалс, а затим АПИ Кеи.
- Одаберите кључ за ограничење и одаберите ХТТП препоруке.
- Изаберите Сачувај.
- Копирајте АПИ кључ и залепите га на страницу опција дизајна која га захтева.
Када имате кључ АПИ-ја, можете имплементирати Гоогле мапу на своју веб локацију помоћу алата за обликовање тема. Све док је тема одговарајућа, и карта би требала бити.
Користите додатак за уметање одговарајуће Гоогле мапе
ВордПресс користи додатке, Јоомла користи проширења, Друпал користи модуле или додатке, а други ЦМС користе сличне конвенције о именовању. У сваком случају, додаци се односе на модуларне елементе које можете да причврстите за свој основни ЦМС да бисте додали функције. Једна корисна функција је Гоогле мапа. Ако тема ваше веб локације не садржи елемент мапе и не желите сами да урадите код, додатак је следећа најбоља ствар.
- У програму ВордПресс идите на Додаци и додајте нове.
- Потражите Гоогле мапе и одаберите додатак који вам се свиђа.
- Омогућите га у оквиру додатка и идите на његове поставке.
- Додајте АПИ за Гоогле мапе које сте креирали горе где је назначено и Сачувај.
- Имплементирајте додатак гдје год желите да се појави.
Остали ЦМС се незнатно разликују у називима и позицијама менија, али принцип је потпуно исти. За већину, ако не и све, додатке за карте ће требати да ради Гоогле АПИ АПИ.
Користите код да бисте уградили одговарајућу Гоогле мапу
Ако не користите ВордПресс или неки други ЦМС, још увек можете да уградите Гоогле Мап. Морате користити код уместо модула. Потребно је мало више посла, али испоручити ће исте одзивне мапе.
- Посетите Гоогле мапе и навигирајте док мапа коју желите приказати не испуни екран.
- Изаберите плаву везу за дељење и копирајте код са Ембед Мап.
- Додајте свој одређени уграђени код у код испод испод између и.
- Додајте код у ХТМЛ своје веб странице на којој желите да видите карту.
- Сачувајте измене.
Код:
Ово није моја шифра, нашао сам га на мрежи, али тестирао сам га на својој веб локацији. Дјелује попут шарма и требало би функционирати било да користите ЦМС, ХТМЛ, Хуго или неки од многих других језика веб страница или алата за странице.
