Categories

Новые шаблоны

HTML. Как изменить расположение карты гугл

Chris Diaz Октябрь 24, 2011
Rating: 4.5/5. From 4 votes.
Please wait...

Этот урок Вам покажет, как изменить расположение гугл карты (Google Map) в шаблоне на основе HTML. Благодаря общей структуре страниц этот урок также подходит для шаблонов таких типов: Full Site, Full Package, JS Animated, Static Template.

Обычно карта гугл находится на странице котактов. Давайте посмотрим, как Вы можете там показать ваше место нахождения. Для начала откройте папку шаблона и зайдите в директорию сайта. Там Вы увидите разные html файлы (index.html, index-1.html и т.д.) или один html файл. В любом случае в HTML файлах находится содержимое страниц Вашего шаблона.

В браузере откройте любой индекс файл и нажмите на кнопку Contacts/Контакты. В адресной строке Вы увидите имя файла страницы. Откройте его с помощью HTML редактора (Adobe Dreamweaver, Блокнот и т.д.). Прокрутите вниз или с помощью панели поиска (CTRL+F) найдите тэг iframe . Обычно Google Map встраивают с помощью следующего:

<iframe  width="312" height="210"  src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Brooklyn,+New+York,+NY,+United+States&amp;aq=0&amp;sll=37.0625,-95.677068&amp;sspn=61.282355,146.513672&amp;ie=UTF8&amp;hq=&amp;hnear=Brooklyn,+Kings,+New+York&amp;ll=40.649974,-73.950005&amp;spn=0.01628,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>

Поэтому, чтобы вставить карту сюда выполните, пожалуйста, следующие шаги:

  1. Зайдите на сайт maps.google.com
  2. Выбарите ваше местоположение и увеличьте изображение
  3. В верхнем правом углу нажмите на значок ссылки и скопируйте поле Paste HTML to embed… (HTML код для вставки …)
  4. В файле html контактной страницы замените существующий код на скопируемый
  5. Измените параметры карты (ширина="312" высота="210")
  6. Сохраните файл и обновите страницу в браузере

Это все, сейчас Вы увидите обновленную карту гугл.

 

Эта запись была размещена в Работа с HTML и помечена как google map, HTML, location. Добавьте в закладки постоянную ссылку.

Submit a ticket

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