Додајте упутства за вожњу на Гоогле мапама на своју веб локацију

Иако постоји толико много апликација и сервиса за мапирање које вас могу одвести од тачке А до тачке Б, дефинитивни краљ карата је Гоогле Мапс. Користим га на свом рачунару, таблету и 90% времена на свом паметном телефону. Има најбоље податке, највише опција за навигацију и усмеравање и одличне функције као што су Стреет Виев и информације о ходању, бициклизму и масовном превозу.

Али шта ако требате користити мапу или упутства изван Гооглеове веб локације? Претпоставимо да имате властиту веб страницу за вјенчање или особни блог, а гости могу посјетити вашу веб-локацију, уписати адресу из које ће долазити и аутоматски добити упуте до локације догађаја!

Па, постоји неколико начина на које можете постићи ово. Најлакши начин је да мапу једноставно уградите на своју веб страницу помоћу уграђеног кода који генерира Гоогле Мапс. Други начин је мало више технички, али више прилагодљив и динамичан. Споменут ћу оба метода у наставку.

Уградите Гоогле мапу

Ако желите само да прикажете правац са једне локације на другу, најлакше је да уградите било коју мапу коју гледате помоћу уграђеног кода. Прво, поставите све жељене правце у Гоогле мапама и кликните на икону зупчаника у доњем десном углу странице.

Кликните на Дељење или уграђивање мапе и затим кликните на Угради мапу таб. Овде можете да изаберете величину ваше мапе, а затим копирате ифраме код и испустите га на било коју веб страницу коју желите.

Једини недостатак ове методе је да корисник само види статичну мапу. У другој методи у наставку, можете креирати образац којим корисник може да унесе било коју почетну адресу и он ће генерисати мапу од те адресе до одредишне адресе по вашем избору..

Креирајте Гоогле Мапс Форм

Да бисте илустровали шта мислим под другим методом, идите напријед и унесите адресу у САД у поље испод да бисте добили упутства од ваше локације до моје куће:

Цоол хух? Овај мали образац можете лако да креирате на било ком веб сајту, блогу или било ком другом ХТМЛ коду! Ово је такође одлично за веб сајтове малих предузећа које можете да их баците на контактну страницу, а људи могу да добију смернице брзо, уместо да копирају вашу адресу, отварају нови прозор, а затим уносе почетну адресу.

Како ћемо онда креирати овај модификовани оквир за упутства? Прво, морамо да добијемо исправну синтаксу за УРЛ који Гоогле користи за упутства. Срећом, можемо то схватити тако што ћемо добити упутства између два места и онда само копирати УРЛ из адресне траке. Такође можете кликнути на малу икону зупчаника у доњем десном углу странице и одабрати Дељење или уграђивање мапе.

Картица „Дељење везе“ ће садржати УРЛ, који је исти УРЛ у адресној траци прегледача. Написао сам цео УРЛ испод да бих вам показао како изгледа.

хттпс://ввв.гоогле.цом/мапс/дир/3600+Тхорп+Спрингс+Др,+Плано,+ТКС+75025,+УСА/ 854 + Деерфиелд + Рд, + Аллен, + ТКС + 75013, + УСА / @ 33.1125686, -96.7557749,13з / дата =! 3м1! 4б1! 4м13! 4м12! 1м5! 1м1! 1с0к864ц3д45018517а5: 0кбабд3ц91а1321997! 2м! 1д-96.762484! 1с0к864ц16д3018а7ф4ф: 0каб2052б5786цд29ф! 2м2! 1д-96.666151! 2д33.133892

Иикес! То је прилично дуго! Има много ствари унутра, од којих већина нема никаквог смисла! УРЛ параметри Гоогле мапа су били веома једноставни и једноставни, али је нова структура УРЛ-а прилично компликована. Срећом, још увек можете користити старе параметре и Гоогле ће их аутоматски претворити у нову верзију. Да видим на шта мислим, погледајте везу испод.

хттп://мапс.гоогле.цом/мапс?саддр=старт&даддр=енд

Само напријед и пуцајте. Ставите адресу у наводнике за почетну и завршну адресу и налепите УРЛ у свој претраживач! Заменио сам почети са мојим родним градом Нев Орлеанс и завршио са Хоустон, ТКС, тако да ово изгледа као УРЛ адреса мог водича за Гоогле карте:

хттп://мапс.гоогле.цом/мапс?саддр=”нев орлеанс, ла ”& даддр =” хоустон, тк ”

Функционише! Међутим, као што видите, Гоогле мапе претварају везе у нешто много компликованије када се карта у потпуности учита. Ок, тако да сада када имамо нормалан УРЛ који можемо да пренесемо у Гоогле мапе, морамо да направимо једноставан образац са два поља, један за почетну адресу и један за одредишну адресу.

Ако желите да људи само упишу своју адресу и добију упутства до вашег места, онда ћемо желети да се друго поље сакрије и већ је постављено на одредишну адресу.

Унесите почетну адресу:

Погледајте горњи код. Први ред почиње из форме и каже да када се кликне на дугме за слање, податке треба послати на мапс.гоогле.цом/мапс. Тхе таргет = бланк значи да желимо да се резултат отвори у новом прозору. Затим имамо текстуални оквир за почетну адресу, који је празан.

Други текстуални оквир је скривен, а вриједност је одредишна адреса коју желимо. Коначно, ту је и дугме за слање са насловом “Гет Дирецтионс”. Сада када неко укуца њихову адресу, добиће ово:

Можете прилагодити правце и још више мапирати са неколико додатних параметара. На пример, рецимо да не желите да подразумевани приказ буде мапа, већ да желите да буде Сателит анд схов Саобраћај.

хттп://мапс.гоогле.цом/мапс?саддр=%22нев+орлеанс,+ла%22&даддр=%22хоустон,+тк%22&ие=УТФ8&т=х&з=7&лаиер=т

Нотице тхе лаиер = т и т = х поља у УРЛ-у. лаиер = т је за слој саобраћаја, а т = х значи хибридну мапу! т такође се може подесити на м за нормалну мапу, к за сателит и п фор терраин. з је ниво зумирања и можете га променити од 1 до 20. У горенаведеном УРЛ-у постављено је на 7. Само их поставите на коначну УРЛ адресу и сада на својој веб-локацији добијате образац Гоогле Мапс Гет Дирецтионс за прилагођавање.!

Имате било каквих проблема са овим, поставите коментар и ја ћу покушати помоћи! Уживати!