Другие разделы
Наши партнеры
Реклама на сайте
  • Статистика
  • Пользователи

    Другие счетчики
    Проверка сайта Rambler's Top100

    Счетчики материалов
    Комментарии: 123
    Форум: 15/75
    Дневник: 8
    Новости: 30
    Файлы: 592
    Статей: 80
    Сайты: 4444
    Фото-галлерея: 845
    Объявления: 2
    FAQ: 8
    Гостевая книга: 46


    Наша кнопка
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0


    Сегодня нас посетил:

Опросы
Какой дизайн вам больше всего нравиться?
Всего ответов: 11
Популярные фотоснимки


Карта Google в uCoz

Решил поделиться с этим дополнением для сайтов системы UCOZ. Данное решение Вы можете встроить в любой модуль, например в фотоальбом – используя дополнительные поля для вложение координат местности где сфотографирован фотоснимок. Или же можно встроить в доску объявление, отметить на карте местонахождение объекта. А также для пользователей, на персональную страницу пользователя, для этого можно использовать любое не нужное поле, к примеру AOL идентификатор, но учтите в поле ограничены символы ввода. Более доступное решение это поле «Подписи» вставляете туда координаты и заходим в ПУ >  Персональная страница пользователя.

Для того чтобы воспользоваться картами google, для начала придётся зарегистрироваться и получать ключ код API Карт Google. - получить API ключ
Между <head> и </head>  вставить этот код



Code

  <script src="http://maps.google.com?file=api&v=2.x&key=Вставьте свой ключ" type="text/javascript"></script>
  <script type="text/javascript">
  function initialize() {
  var map = new GMap2(document.getElementById("map_canvas"));
  map.setCenter(new GLatLng($OTHER4$), 15);

  map.setMapType(G_HYBRID_MAP);
  map.setUIToDefault();

  var marker = new GMarker(new GLatLng($OTHER4$), 15);
  map.addOverlay(marker);  
  }
  </script>


Body должен выглядеть так.

Code
<body onload="initialize()" onunload="GUnload()">


А сама карта будет выводиться в желаемом вам месте
Вставьте между тегами и

Code

<fieldset class=""> <legend> <b> <div class="stats">
Объект на карте
</div> </b> </legend>
<div id="map_canvas" style="width: 550px; height: 400px"></div>
</div> </fieldset>


Где width: 550px; height: 400px - это размеры карты

Пример работы API карты вы можете посмотреть на страницах материалов доски объявлений Скачайте txt документ и содержимое вставье в шаблон, Форма редактирование персональной информации

Вот пример работы скрипта

В случае улучшения данного решения просим оставить ссылки на материал в комментариях. Просто интересно посмотреть на более усовершенственные решение. Вот и собственно все. Удачи Если вам понравился пост вставьте плюс в репу. :-)


(Размер файла 4.3 Kb)


Тип лицензии - Бесплатно
Источник: - интернет
Категория: Скрипты для Ucoz | Добавил: | Теги: встроить карту google в модули ucoz, Карта Google в uCoz, google api карта для ucoz Просмотров: 4032 | Загрузок: 940 | Рейтинг: 5.0/1/5 15 5.0
Материал добавлен , 13:44


Комментариев всего: 0




Комментариев НЕТ
Стань первым, кто прокомментирует



ComForm">
avatar
Хостинг от uCoz Топ сайтов ucozon.ru Catalog-Moldova - Ranker, Statistics Туристический каталог Санатории курорта Саки Create a free website Каппадокия - Турция: форум, информация, достопримечательности, статьи, фотографии, карты Каталог лучших сайтов конструктора uCoz Турция.Ру Индия.Ру Непал.Ру Пакистан.Ру Тибет.Ру Египетский Клуб. Обмен ссылками. Каталог сайтов: Туризм Наш сайт в каталоге Главной Московской доски объявлений 495RU.ru Каталог сайтов Всего.RU Каталог сайтов Bi0 Каталог сайтов OpenLinks.RU Каталог сайтов и статей iLinks.RU Каталог Ресурсов Интернет Каталог сайтов :: Развлекательный портал iTotal.RU
Все права защищены Nabran.ru © 2008-2024
Копирование информации запрещено без указания индексирующего гиперссылки на наш сайт!
Дизайн от Азер Исмиханов
Сайт оптимизирован под браузеры
opera firefox chrome safari Internet Explorer