: Жители хотят вернуть двух жирафов на Холодильную; Скульптуру перенесли из-за ремонта теплотрассы

: «Тайны инквизиции» закрыли по требованию прокуратуры; Прокуратура закрыла выставку по жалобе ТОО "Отчий дом" за пропаганду насилия.

: Горячая линия по вопросам кризисной беременности; Центр защиты материнства "Покров"; Что толкает женщину на аборт?

: Худеющие дамы - частые гости тубдиспансера; Безумные диеты - причина снижения иммунитета

: Есть место подвигу; Тюменка и ее сын-школьник спасли девушку от грабителя

: Самой красивой признана 15-летняя Ксения Землянникова; На финал конкурса "Имидж" приехало трио Jukebox

: Лучшие учителя, педагоги и воспитатели Тюмени здесь.; Начнем с почетного звания «Любимый учитель тюменских школьников»

: Мы живем у «Маяка»: Теча в Исеть, Исеть в Тобол — рост онкозаболеваний; Немногие тюменцы знают, что мы живем недалеко от атомного объекта, где 15 марта в 1953 года уже произошла одна страшная авария. Ее последствия дают о себе знать и поныне.

: Крушение ATR-72 под Тюменью; Погиб 31 человек, в больницах - 12.

: На кого идти учиться?; Сравни средние зарплаты в разных отраслях Тюмени

: NashGorod.ru протестировал мобильный интернет; Форумчане обнаружили "белое пятно" в 3G-сети

: Хотели детскую площадку? Вот вам очередная высотка!; Горожане ждали появления детской площадки во дворе, но здесь стали возводить многоэтажку.

: Страсти вокруг выставки «Тайны инквизиции» продолжаются; «Данная реклама побуждает к насилию и жестокости».

: Активный пешеходный переход; заработает в конце весны у "Эльдорадо"

: «ВелоСамоГон»; 600 тюменцев 9 часов провели в увлекательном путешествии

мая

Главная

Карта Тюмени

1. Что нужно сделать, чтобы «Карта Тюмени» появилась на вашем сайте
2. Как разместить нарисованную вами карту на вашем сайте

Вы можете разместить «Карту Тюмени» на своем сайте. А можете нарисовать что-нибудь на «Карте Тюмени» и разместить «Карту Тюмени» со своими объектами у себя на сайте.
Например, вы хотите показать свои велосипедные маршруты или места встреч. Используйте этот сервис, нанесите на карту линию вашего маршрута или иконку, показывающую, где вы встречаетесь, а потом поделитесь ссылкой на созданную вами карту с друзьями. Можете разместить карту на своем сайте. Как это сделать читайте ниже.
Вот здесь пример размещенной на сайте «Карты Тюмени». А здесь пример «Карты Тюмени» с нарисованными на ней объектами.

Что нужно сделать, чтобы «Карта Тюмени» появилась на вашем сайте

Необходимо зарегистрироваться на сайте Google или воспользоваться уже существующим аккаунтом.

Далее нужно зарегистрировать свой сайт по адресу http://www.google.com/apis/maps/signup.html. После принятия лицензионного соглашения и указания вашего сайта вы увидите ваш ключ для карты, позволяющий пользоваться сервисом Google Maps.

Создайте html страницу. Пример кода:

	
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Карта Тюмени</title>

</head>

<body>

</body>
</html>

Если ваша страница в кодировке UTF-8, то между тэгами <head> … </head> вставьте этот код:

<script src="http://maps.google.com/maps?file=api&v=2.x&hl=ru&key=вместо этой надписи вставьте сюда ключ для карты" type="text/javascript"></script>
<script src="http://pics.nashgorod.ru/js/maponsite.js" type="text/javascript"></script>

Если ваша страница в кодировке windows-1251, то между тэгами <head> … </head> вставьте этот код:

<script src="http://maps.google.com/maps?file=api&v=2.x&hl=ru&key=вместо этой надписи вставьте сюда ключ для карты" type="text/javascript"></script>
<script src="http://pics.nashgorod.ru/js/maponsite_win1251.js" type="text/javascript"></script>

Обратите внимание, что в первую строчку необходимо вставить ваш ключ для карт!

Теперь разместите на странице окно карты.
Окно карты размещаем между тэгами страницы <body> … </body>.

<body>
...
<div id="map_canvas" style="width: 90%; height: 500px;"></div>
...
</body>

Окончательный код страницы:

		
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Карта Тюмени</title>

<script src="http://maps.google.com/maps?file=api&v=2.x&hl=ru&key=вместо этой надписи вставьте сюда ключ для карты" type="text/javascript"></script>
<script src="http://pics.nashgorod.ru/js/maponsite.js" type="text/javascript"></script>
</head>

<body>

<div id="map_canvas" style="width: 90%; height: 500px;"></div>

</body>
</html>

Все, теперь можно обновить страницу и пользоваться картой.

Скачать пример страницы с Картой Тюмени

Как разместить нарисованную вами карту на вашем сайте

Необходимо зарегистрироваться на сайте Google или воспользоваться уже существующим аккаунтом.

Создайте html страницу. Пример кода:

	
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Карта Тюмени</title>

</head>

<body>

</body>
</html>

Если ваша страница в кодировке UTF-8, то между тэгами <head> … </head> вставьте этот код:

<script src="http://maps.google.com/maps?file=api&v=2.x&hl=ru&key=вместо этой надписи вставьте сюда ключ для карты" type="text/javascript"></script>
<script src="http://pics.nashgorod.ru/js/maponsite.js" type="text/javascript"></script>

Если ваша страница в кодировке windows-1251, то между тэгами <head> … </head> вставьте этот код:

<script src="http://maps.google.com/maps?file=api&v=2.x&hl=ru&key=вместо этой надписи вставьте сюда ключ для карты" type="text/javascript"></script>
<script src="http://pics.nashgorod.ru/js/maponsite_win1251.js" type="text/javascript"></script>

Обратите внимание, что в первую строчку необходимо вставить ваш ключ для карт!

Теперь разместите на странице окно карты.
Окно карты размещаем между тэгами страницы <body> … </body>.

<body>
...
<div id="map_canvas" style="width: 90%; height: 500px;"></div>
...
</body>

В личном кабинете нарисуйте свою карту.

	Нажав на эту кнопку, вы сможете нанести на карту иконку, дать ей название и описание.
	Нажав на эту кнопку, вы сможете нанести на карту многоугольник, дать ему название и описание, установить цвет заливки и границы.
	Нажав на эту кнопку, вы сможете нанести на карту линию, дать ей название и описание, установить толщину и цвет.
	Нажав на эту кнопку, вы сможете нанести на карту фотографию и дать ей название.

Поле того, как вы нарисовали все объекты, найдите справа над картой эту кнопку

, нажав на которую вы увидите код вашей карты. Этот код нужно вставить на вашу html-страницу, как в следующем примере:

		
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Карта Тюмени</title>

<script src="http://maps.google.com/maps?file=api&v=2.x&hl=ru&key=вместо этой надписи вставьте сюда ключ для карты" type="text/javascript"></script>
<script src="http://pics.nashgorod.ru/js/maponsite.js" type="text/javascript"></script>

ЗДЕСЬ НЕОБХОДИМО РАЗМЕСТИТЬ ПОЛУЧЕННЫЙ ВАМИ КОД ДЛЯ КАРТЫ

</head>

<body>

<div id="map_canvas" style="width: 90%; height: 500px;"></div>

</body>
</html>

Все, теперь можно обновить страницу и пользоваться картой на своем сайте.

© 2002—2012, OOO «Наш Город РУ», Тюмень, Все права защищены © При использовании материалов ссылка обязательна.
Свидетельство о регистрации СМИ Эл № ФС 77–20303 от 29 декабря 2004. © Разработка — студия «Автограф»