Как добавить Google Driving Directions на ваш сайт

Как



Попробуйте наш инструмент устранения неполадок

Google Maps - это интеллектуальная «карта» с множеством функций, таких как Планирование путешествия , Автобусные маршруты , Индикаторы трафика , Схема проезда , Калькулятор расстояний в нескольких режимах просмотра, таких как спутниковое, в реальном времени и гибридное. Возможно, вы видели эти Карты встроенными на многих веб-сайтах, особенно на свяжитесь с нами страницы а также при поиске компании или организации в Google карта и информация о компании обычно отображаются справа.



В этом руководстве мы обсудим различные способы использования Карты Гугл для вашего бизнеса и для ваших веб-сайтов, помимо общих методов, используемых для встраивания карт Google, я также расскажу вам, как создать HTML-форму, в которую пользователи могут вводить ПРОСТО их адрес и проложите маршрут к вам, что избавляет пользователя от необходимости искать в Google и переходить на Карты Google.



Вставить карту Google

Если вы просто хотите показать посетителям свое местоположение или конкретный маршрут, достаточно встроить Google Maps. Выполните следующие действия, чтобы добавить свое местоположение или конкретный маршрут.



Идти к Карты Гугл и найдите место или конкретный маршрут, введя адрес в поле поиска.

2016-02-20_133558

После того, как вы ввели адрес, найдите его и, когда увидите, нажмите ПОДЕЛИТЬСЯ (2) кнопку, а затем скопируйте код, начиная с '



2016-02-20_133807

Вы также можете настроить размер карты в падать , и экспериментируйте с разными размерами, пока не выберете тот, который лучше всего подходит для вашего сайта. Затем этот код будет размещен на странице, где вы хотите отображать адрес.

2016-02-20_134356

Вот как будет выглядеть карта после того, как она будет встроена на ваш сайт, и это наиболее широко используемый метод встраивания Google Maps. Это очень полезно - лучше, чем просто показывать свой адрес в виде текста.

Создайте форму, чтобы получить НАПРАВЛЕНИЯ Google

Однако, если ваш пользователь хочет получить маршруты, ему нужно будет щелкнуть «Маршруты», которое откроется в новом окне, и ввести свой адрес. На мой взгляд, лучше всего, чтобы пользователя не перенаправляли на другой сайт для выполнения всех дополнительных действий, они могли бы получить указания прямо через ваш сайт, просто введя адрес.

Вы можете добавить форму Google Driving Directions в любое место вашего блога или веб-сайта, вам нужно будет разместить код в исходном коде страницы, где вы хотите, чтобы форма отображалась. В этой форме ваш посетитель увидит текстовое поле для ввода адреса отправной точки и кнопку, которую можно щелкнуть. Форма Google автоматически перенесет их на Карты Google и покажет дорогу к вам.

Скопируйте следующий HTML-код.


Введите свой начальный адрес:



конфигурация системы не может сохранить исходную конфигурацию загрузки

В приведенном выше коде замените 34 5th Avenue, New York, NY своим адресом. После того, как код будет размещен на вашем сайте, он будет выглядеть вот так.

2016-02-20_140014

Образец формы Google Driving Directions


Введите свой начальный адрес:



2 минуты на чтение