Как да добавите google маршрути към вашия сайт

Като ИТ експерт, ще ви покажа как да добавите Google Routes към уебсайта си. Това ще позволи на вашите посетители да получат упътвания до вашето местоположение, където и да се намират. Първо ще трябва да създадете ключ за API на Google Карти. Можете да направите това, като отидете на Google Developers Console и създадете нов проект. След като създадете проект, щракнете върху връзката „Активиране и управление на API“, след което намерете „API за вграждане на карти“ и го активирайте. След това ще трябва да получите кода за приспособлението Google Routes. Можете да намерите този код, като отидете на страницата API за вграждане на Google Maps и изберете бутона „Получаване на код“. Копирайте кода и го поставете в HTML на вашия уебсайт. И накрая, ще трябва да добавите следния код към уебсайта си, за да покажете джаджата: Заменете „YOUR_API_KEY“ с API ключа, който сте създали по-рано, и „Your+Destination“ с адреса на вашето местоположение. Запазете промените си и сте готови! Вашите посетители вече ще могат да получават упътвания до вашето местоположение от всяка точка на света.

Ако искате да знаете как да добавите упътвания за шофьори от Google към уебсайта си тогава прочетете тази публикация. Google Maps е най-популярният услуга за дигитална карта В световен мащаб. Той използва информация за трафика в реално време, за да намери най-добрия маршрут до дадена дестинация. Вграждане на Google Map към вашия блог или уебсайт помага на посетителите ви да видят местоположението ви на карта на света, да видят адреса ви и да прочетат отзиви (ако има такива). Въпреки че можете лесно да вградите карта в уебсайта си с помощта на уникалния генератор на код за вграждане на Google Карти, не можете да използвате тази карта като навигационен инструмент, който да помогне на посетителите ви да намерят пътя до вашето местоположение. В тази публикация ще ви покажем как да използвате Google Maps, за да показвате упътвания за шофиране на вашите посетители.

Ще разгледаме следните 2 метода, чрез които можете добавете Google упътвания за шофьори към уебсайта си :

Вмъкнете статична карта на Google и използвайте html формуляр, за да покажете маршрута на картата
Използвайте iFrame Map Generator

Нека разгледаме подробно тези методи.

1] Вмъкнете статична карта на Google и използвайте HTML формуляр, за да покажете маршрута на картата.

Този метод включва 2 стъпки. Стъпка 1 – Вграждане статичен Google карта, която посочва точното ви местоположение. Стъпка 2 е добавяне на HTML формуляр, който приема местоположението на потребителя и генерира карта на маршрута за него в Google Maps. Нека да видим как може да стане това.

A] Вградете карта на Google в уебсайта си

Стартирайте браузъра си.
отворен Google Maps в нов раздел на браузъра.
Въведете адреса си в лентата за търсене на Google Maps в горния ляв ъгъл.
Изберете местоположение от списъка с резултати, които се показват.
Забележка: Ако не можете да намерите адреса си, увеличете мащаба на Google Maps, за да го проследите. Можете да използвате Google Maps Street View панорами, за да маркирате местоположението си на карта. След като го намерите, можете да въведете правилните си данни за адреса с помощта на опциите „Добавяне на липсващо местоположение“ или „Добавяне на вашия бизнес“ и след това да изпратите местоположението си на Google за проверка. Той ще бъде добавен в рамките на няколко часа след подаване на заявката.
Когато се появи Google Maps, за да посочи точното ви местоположение, щракнете върху иконата Дял икона.
Преминат към Вграждане на карта раздел
Натиснете Копирайте HTML връзка за копиране на кода на картата в клипборда. Можете да решите колко голяма или малка искате картата да се показва на вашия уебсайт, като изберете предварително зададен размер (малък, среден, голям) или като въведете персонализиран размер.
След това отидете в административния панел на вашия сайт.
Отворете уеб страницата, в която искате да вградите картата.
Превключете към изгледа на редактора на код.
Поставете кода.
Излезте от редактора на код. Ще можете да видите визуализация на Google Maps.

B] Използвайте HTML формуляр, за да създадете навигационен маршрут в Google Maps.

Върнете се към изгледа на редактора на код.
Добавете кода, показан на следното изображение под кода на Google Map:
Заменете стойността на адреса на местоназначението, маркирана в изображението, с адреса на вашето местоположение.
Излезте от изгледа на редактора на код.
Прегледайте кода и проверете дали работи, като добавите адрес в полето „Въведете адрес“ и щракнете върху бутона Покажи ми посоката да вървя бутон.
Горните стъпки трябва показване на маршрут от въведения адрес до вашето местоположение в Google Maps.
Ако всичко е наред, тогава можете Публикувайте кодът.

2] Използвайте iFrame Map Generator

Стартирайте браузъра си.
отворен Безплатен генератор на HTML карти в нов раздел на браузъра.
Въведете адреса си Въведете своя адрес поле за търсене в левия панел.
Вашето местоположение ще бъде показано в Google Maps от дясната страна на екрана. Можете да зададете типа карта, разстоянието за мащабиране, ширината или височината. Можете също така да направите картата отзивчива, като щракнете върху бутона за превключване до Направете картата отзивчива опция.
Кликнете върху Генериране на HTML код бутон по-долу.
Кодът ще се появи. Натиснете върху Копирайте кода в клипборда бутон.
Влезте в административния панел на вашия сайт.
Отворете страницата, където искате да поставите картата.
Превключете към изгледа на редактора на код.
Поставете кода.
Излезте от редактора на код.
Кликнете върху Преглед бутон. Ще се появи визуализация на картата.
Кликнете върху Упътвания икона.
Google Карти ще се отвори с предварително попълнен адрес като ваша дестинация.
Въведете началния адрес. Можете също да използвате Твоето местоположение опция, за да позволите на Google Maps да използва текущото ви местоположение.
Ще се появи картата на маршрута.
Ако всичко работи добре, Публикувайте страница.

По този начин вашите посетители могат да видят местоположението ви в Google Maps, вградени във вашия уебсайт, и да намерят упътвания от тяхното местоположение до вашето. Надяваме се, че намирате тази публикация за полезна. Кажете ни в коментарите, ако имате въпроси.

Прочетете също: Най-добрите алтернативи на Google Maps за ежедневна употреба.

Мога ли да добавя Google Maps към моя уебсайт?

Да, можете да добавите Google Maps към вашия уебсайт или блог. с помощта на Google Embed Code Generator или безплатния Google HTML Map Generator. . И двете опции ви позволяват да вградите карта на Google, която посочва адреса ви с червена топка, въпреки че има малка разлика между двете. Докато първото ви позволява да вградите статична карта, която позволява на посетителите ви да видят точното ви местоположение, близки интересни точки и т.н., второто предлага Упътвания функция, която създава пълна карта на маршрута, която те могат да използват, за да намерят упътвания за шофиране до вашето местоположение. В зависимост от нуждите ви можете да използвате някоя от тези опции, за да добавите Google Maps към вашия уебсайт или блог.

Как мога да получа кода за вграждане на Google Maps?

Получаването на кода за вграждане на Google Maps е доста лесно. Просто отворете Google Карти в нов раздел в прозореца на браузъра си и въведете адреса си в наличната лента за търсене. Когато Карти избере и покаже вашия адрес, щракнете върху иконата Дял икона. В прозореца Споделяне щракнете върху бутона Вграждане на карта След това щракнете върху Копирайте HTML връзката се показва в горния десен ъгъл. Това е всичко! Можете също да щракнете върху менюто (икона на хамбургер) на Google Maps и да щракнете върху иконата Споделете или вградете карта опция. Друг начин да получите този код е чрез безплатния генератор на HTML карти (Maps iFrame Generator), както е описано в метод 2 в публикацията по-горе.

Прочетете още: Най-добрите съвети и трикове на Google Карти, за да станете професионалист.