Автор Тема: Добавление карты газовых заправок в свой сайт  (Прочитано 5247 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Gazmap

  • Administrator
  • Full Member
  • *****
  • Спасибо
  • -> Отдал: 2
  • -> Получил: 8
  • Сообщений: 125
  • Репутация: +9/-0
  • Пол: Мужской
  • Тянусь к знаниям
    • Просмотр профиля
    • Путеводитель по миру ГБО

Отвечаю на вопрос Алексея, заданного в комментариях к карте газовых заправок, метан
Встройка кода карты на свою веб страницу

Каждый желающий может встроить к себе на сайт карту газовых заправок от gazmap.ru.

Для этого нужно:

1. Заполнить форму получения API-ключа по ссылке.

2. Вставить на свой сайт код карты:


Читать полностью
« Последнее редактирование: Март 02, 2011, 17:18:49 от Stehlen »

Оффлайн Stehlen

  • Global Moderator
  • Hero Member
  • *****
  • Спасибо
  • -> Отдал: 30
  • -> Получил: 77
  • Сообщений: 3036
  • Репутация: +118/-44
  • Пол: Мужской
    • Просмотр профиля
    • Установка ГБО в Пензе
Первый вариант добавления карты на сайты на движке Joomla.

1. Создаем модуль (админка - расширения - менеджер модулей - создать - Произвольный HTML-код
2. Вводим имя модуля, ставим отметку включить, в поле позиция пишем произвольный текст - karta_metan - это очень важно.
3. В поле текста отключаем визуальный редактор и вставляем код
<script src="http://api-maps.yandex.ru/1.1/index.xml?key=ключ полученны у яндекса" type="text/javascript">
</script>

<script type="text/javascript">

window.onload = function () {
var map = new YMaps.Map(document.getElementById("YMapsID"));
map.setCenter(new YMaps.GeoPoint(45.040833 ,53.187671), 5);

map.addControl(new YMaps.TypeControl());
map.addControl(new YMaps.ToolBar());
map.addControl(new YMaps.Zoom());
map.addControl(new YMaps.MiniMap());
map.addControl(new YMaps.ScaleLine());
map.addControl(new YMaps.SearchControl());   
map.enableScrollZoom();
map.removeAllOverlays();

var ml = new YMaps.YMapsML( 'http://gazmap.ru/maps/cng.php' );
map.addOverlay(ml);
YMaps.Events.observe(ml, ml.Events.Fault, function (error) {
alert('Ошибка: ' + error);
});


}
</script>
<!-- YMapsID -->
<div id="YMapsID" style="width:550px;height:650px"></div>
<a  href="http://gazmap.ru/karti/gazovie-zapravki-metan-na-karte" target="_blank">
<img src="http://gazmap.ru/maps/gazmap_copyright.png" alt="Перейти карту газовых заправок gazmap.ru" style="margin: 2px;"></a>
(не забывайте изменить API Key)
4. Нажимаем сохранить.
5. Создаем материал. Включаем визуальный редактор, пишем нужный текст и в место куда добавить карту пишем тест - {loadposition karta_metan}
6. Публикуем материал.

PS В вложенных картинках показано как отключить визуальный редактор. Нужно нажимать на надпись Show\Hide
« Последнее редактирование: Июль 28, 2011, 22:57:57 от Stehlen »

Оффлайн Stehlen

  • Global Moderator
  • Hero Member
  • *****
  • Спасибо
  • -> Отдал: 30
  • -> Получил: 77
  • Сообщений: 3036
  • Репутация: +118/-44
  • Пол: Мужской
    • Просмотр профиля
    • Установка ГБО в Пензе
Для сайтов разместивших карту пропановых заправок на свой сайт необходимо обновить код карты на следующий:
<script src="http://api-maps.yandex.ru/1.1/index.xml?key=ключ полученный в яндекс" type="text/javascript"></script>

<script type="text/javascript">

window.onload = function () {
var map = new YMaps.Map(document.getElementById("YMapsID"));
map.setCenter(new YMaps.GeoPoint(45.040833 ,53.187671), 10);

map.addControl(new YMaps.TypeControl());
map.addControl(new YMaps.ToolBar());
map.addControl(new YMaps.Zoom());
map.addControl(new YMaps.MiniMap());
map.addControl(new YMaps.ScaleLine());
map.addControl(new YMaps.SearchControl());   
map.enableScrollZoom();
map.removeAllOverlays();


var ml = new YMaps.YMapsML( 'http://gazmap.ru/maps/lpg.php' );
map.addOverlay(ml);
var ml = new YMaps.YMapsML( 'http://gazmap.ru/maps/lpg_1.php' );
map.addOverlay(ml);
var ml = new YMaps.YMapsML( 'http://gazmap.ru/maps/lpg_2.php' );
map.addOverlay(ml);
YMaps.Events.observe(ml, ml.Events.Fault, function (error) {
alert('Ошибка: ' + error);
});


}
</script>

Добавились новые строки:
var ml = new YMaps.YMapsML( 'http://gazmap.ru/maps/lpg.php' );
map.addOverlay(ml);
var ml = new YMaps.YMapsML( 'http://gazmap.ru/maps/lpg_1.php' );
map.addOverlay(ml);
var ml = new YMaps.YMapsML( 'http://gazmap.ru/maps/lpg_2.php' );
map.addOverlay(ml);
« Последнее редактирование: Июль 28, 2011, 23:11:22 от Stehlen »

Оффлайн sektorgaza54

  • Работники СТО
  • Newbie
  • *
  • Спасибо
  • -> Отдал: 0
  • -> Получил: 0
  • Сообщений: 8
  • Репутация: +0/-0
    • Просмотр профиля
    • Секторгаза
Возник вопрос.Постави ли мы карту заправок себе на сайт http://sektorgaza54.ru/ .Все отлично.Решили занять и http://секторгаза54.рф .Замутили переадресацию. Все работает, а карта заправок выкидывает окно "неправильный ключ". Светлые головы дайте совет, может был прецедент подобный у кого-нибудь.

avtodoctor

  • Гость
Вот же:
<script src="http://api-maps.yandex.ru/1.1/index.xml?key=ключ полученны у яндекса" type="text/javascript">
</script>

Оффлайн Stehlen

  • Global Moderator
  • Hero Member
  • *****
  • Спасибо
  • -> Отдал: 30
  • -> Получил: 77
  • Сообщений: 3036
  • Репутация: +118/-44
  • Пол: Мужской
    • Просмотр профиля
    • Установка ГБО в Пензе
Для нового адреса свой ключ должен быть.

Оффлайн Stehlen

  • Global Moderator
  • Hero Member
  • *****
  • Спасибо
  • -> Отдал: 30
  • -> Получил: 77
  • Сообщений: 3036
  • Репутация: +118/-44
  • Пол: Мужской
    • Просмотр профиля
    • Установка ГБО в Пензе
С двумя доменами лучше делать редирект. Не надо расклеивать сайты. Лучше и для поиска и проще реализовать редирект с кириллического домена на латинский. И проблем не будет. Редирект можно сделать хоть через сайт на народе.