Интеграция API Яндекс.Карт на Joomla 1.5

Тема в разделе "Интеграция Joomla со сторонними форумами, блогами", создана пользователем apirat, 02.02.2009.

  1. apirat
    Offline

    apirat Недавно здесь

    Регистрация:
    08.05.2008
    Сообщения:
    27
    Симпатии:
    0
    Пол:
    Мужской
    Вот что у меня получилось: http://i-cable.com.ua/otdih/clubs/50-100pudov.html
    Правда не то что я хотел.

    Вставил код между тегами head
    Код (PHP):
    1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    2.     <meta http-equiv="X-UA-Compatible" content="IE=7"/>
    3.     <script src="http://api-maps.yandex.ru/1.0/index.xml?key=ADnehEkBAAAAh3PFQAMA-Dw4SoDfYKgdlv7xbWS6m_PnZKgAAAAAAAAAAAAk7ApU0B3lzUix-1dWVHftI80QEQ==" type="text/javascript"></script>
    4.     <script type="text/javascript">
    5.         var map, geoResult;
    6.  
    7.         window.onload = function init () {
    8.             map = new YMaps.Map(document.getElementById("YMapsID"));
    9.             map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 10);
    10.             map.addControl(new YMaps.TypeControl());
    11.         }
    12.  
    13.         function showAddress (value) {
    14.             map.removeOverlay(geoResult);
    15.             var geocoder = new YMaps.Geocoder(value, {results: 1, boundedBy: map.getBounds()});
    16.  
    17.             YMaps.Events.observe(geocoder, geocoder.Events.Load, function () {
    18.                 if (this.length()) {
    19.                     geoResult = this.get(0);
    20.                     map.addOverlay(geoResult);
    21.                     map.setBounds(geoResult.getBounds());
    22.                 }else {
    23.                     alert("Ничего не найдено")
    24.                 }
    25.             });
    26.         }
    27.     </script>


    и собственно в самой статье такой код:
    Код (PHP):
    1. <form action="#" onsubmit="showAddress(this.address.value);return false;">
    2.        
    3.         <div id="YMapsID" style="width:600px;height:400px"></div>
    4.     </form>
    5.  
    6.     <p><b>Примеры адресов:</b></p>
    7.     <a href="javascript:showAddress('Харьков, ул. Квитки-Основьяненко, 13')">посмотреть на карте</a><br />



    и получилось совсем не то!

    Так вот. Смотрел как сделано на похожем сайте.

    Там сделано так.
    Меджу тегами head только на странице с материалом, а не на всех страницах как у меня.

    Код (PHP):
    1. <script type="text/javascript" src="http://api-maps.yandex.ru/1.0/?loadByRequire=1&key=ACwRIEkBAAAAWzi2JgMASSGHkDSIfcalFkIScEyZ_6XjcLsAAAAAAAAAAABvvwfFR6qJL4ZTsFV_u-PkePuDHA==" charset="windows-1251"></script>
    2. <script type="text/javascript" src="http://party.com.ua/js/YMaps.js"></script>


    т.е. насколько я понимаю в этом случае выводить api ключ и подгружаеться ява крипт. который содержит:
    Код (PHP):
    1. window.onload = YMaps.load();
    2.  
    3. function YMapsShowAdress(value) {
    4.     var ym = document.getElementById("YMapsID");
    5.     map = new YMaps.Map(ym);
    6.     map.addControl(new YMaps.Zoom());
    7.     map.addControl(new YMaps.TypeControl());
    8.  
    9.     ym.style.height = "400px";
    10.     ym.style.width = "500px";
    11.     ym.style.margin = "5px 5px 5px 5px";
    12.  
    13.     var geocoder = new YMaps.Geocoder(value, {boundedBy: map.getBounds()});
    14.     YMaps.Events.observe(geocoder, geocoder.Events.Load, function () {
    15.         if (this.length()) {
    16.             var placemark = this.get(0);
    17.             map.setBounds(placemark.getBounds());
    18.             map.addOverlay(placemark);
    19.             placemark.openBalloon();
    20.         } else {
    21.             alert("Ничего не найдено")
    22.         }
    23.     });
    24. }


    И уже в теле страници ссылка:
    <a href="javascript:YMapsShowAddress('Харьков, ул. Квитки-Основьяненко, 13')">найти на карте</a>

    И когда нажимаешь на ссылку появляеться карта ниже ссылки и уже с заданным адресом.

    Я попробовал просто вписать в шаблоне <script type="text/javascript" src="путь к скрипту/YMaps.js">
    и сделать как на сайте-примере и нифига не получилось... :no:

    Кто-нибудь, плиз помогите разобраться!
     
  2.  
  3. Offline

    TAX Недавно здесь

    Регистрация:
    20.06.2006
    Сообщения:
    4
    Симпатии:
    0
    Пол:
    Мужской
    Уже есть готовое решение по подключению карт Яндекса на сайты на Joomla.
    1.0.* http://yar-it.com/download/joostina/plugins/37-yandex_map10_for_joostina
    1.5.* http://yar-it.com/download/joomla_1_5/plugin/29-plg_ymap01
    подключал мамбот на сайт, работает отлично.
    Но задумал подключить 2 карты разных городов и тут облом. Координаты заносятся в настройках мамбота, а через строку параметров в контенет не работают.
    Может здешние гуру помогут чуток доработать мамбот чтобы он принимал параметры {ymap широта&долгота}
     

Поделиться этой страницей

Загрузка...