- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
HTML. Как изменить расположение карты гугл
Октябрь 24, 2011
Этот урок Вам покажет, как изменить расположение гугл карты (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&source=s_q&hl=en&geocode=&q=Brooklyn,+New+York,+NY,+United+States&aq=0&sll=37.0625,-95.677068&sspn=61.282355,146.513672&ie=UTF8&hq=&hnear=Brooklyn,+Kings,+New+York&ll=40.649974,-73.950005&spn=0.01628,0.025663&z=14&iwloc=A&output=embed"></iframe>
Поэтому, чтобы вставить карту сюда выполните, пожалуйста, следующие шаги:
- Зайдите на сайт maps.google.com
- Выбарите ваше местоположение и увеличьте изображение
- В верхнем правом углу нажмите на значок ссылки и скопируйте поле Paste HTML to embed… (HTML код для вставки …)
- В файле html контактной страницы замените существующий код на скопируемый
- Измените параметры карты (ширина="312" высота="210")
- Сохраните файл и обновите страницу в браузере

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