Вход • Регистрация

Работа с картой

  • 01 декабря 2014 г.
  • Подскажите как сделать вывод всех точек на карте. И как показывать информацию кликая по точке на карте (Желательно ссылку на страницу с объявлением и картинку.)
    • 01 декабря 2014 г.
    • можно там через что, планируется выводить карту (блок или списко) иожно сделать через создание народной карты

      Код


      <script src="//api-maps.yandex.ru/2.0/?load=package.standard,package.traffic&amp;lang=ru-RU" type="text/javascript"></script>
      <script type="text/javascript">// <![CDATA[
      var myMap;
      ymaps.ready(init);

      function init () {
      // Создание экземпляра карты и его привязка к контейнеру с
      // заданным id (map)
      var myMap = new ymaps.Map("map", {
      // При инициализации карты, обязательно нужно указать
      // ее центр и коэффициент масштабирования
      center: [55.78998778, 37.54726150], // Москва
      zoom: 15
      });

      //Добавляем элементы управления
      myMap.controls
      // Кнопка изменения масштаба
      .add("zoomControl")
      // Список типов карты
      .add("typeSelector")
      // Стандартный набор кнопок
      .add("mapTools")
      //Линейка масштаба
      .add(new ymaps.control.ScaleLine())
      ;





      myMap.geoObjects //Тут мы начинаем добавлять точки на карту(можно сколько душе угодно).



      /*тут начинается метка*/

      .add(new ymaps.Placemark([55.78998778, 37.54726150], //Добавляем точку с координатами 55.854769, 37.610805
      {balloonContent: "тут можно вывести html код, например <a href='#'>ссылка</a>"}, //Это будет выводится при клике на точку(можно использовать html теги)
      {iconImageHref: "прямой путь к метке, например, http://site.ru/images/metka.png", //Говорим, что точка должна выводится картинкой и подсказываем скрипту где эта картинка находится.
      iconImageSize: [390, 320], //Размеры иконки
      iconImageOffset: [0, -140]})) // Смещение левого верхнего угла иконки относительно её ножки (точки привязки).



      /*тут начинается вторая метка*/

      .add(new ymaps.Placemark([55.78998778, 37.54726150], //Добавляем точку с координатами 55.854769, 37.610805
      {balloonContent: "тут можно вывести html код, например <a href='#'>ссылка</a>"}, //Это будет выводится при клике на точку(можно использовать html теги)
      {iconImageHref: "прямой путь к метке, например, http://site.ru/images/metka.png", //Говорим, что точка должна выводится картинкой и подсказываем скрипту где эта картинка находится.
      iconImageSize: [390, 320], //Размеры иконки
      iconImageOffset: [0, -140]})) // Смещение левого верхнего угла иконки относительно её ножки (точки привязки).


      /*тут начинается третья метка*/

      .add(new ymaps.Placemark([55.78998778, 37.54726150], //Добавляем точку с координатами 55.854769, 37.610805
      {balloonContent: "тут можно вывести html код, например <a href='#'>ссылка</a>"}, //Это будет выводится при клике на точку(можно использовать html теги)
      {iconImageHref: "прямой путь к метке, например, http://site.ru/images/metka.png", //Говорим, что точка должна выводится картинкой и подсказываем скрипту где эта картинка находится.
      iconImageSize: [390, 320], //Размеры иконки
      iconImageOffset: [0, -140]})) // Смещение левого верхнего угла иконки относительно её ножки (точки привязки).






      };
      // ]]></script>
      <div id="map" style="width: 100%; height: 450px;"></div>




      координаты можно подтягивать из объявления, единственное,чтобы при авторизации координатам не добавлялись <span></span> надо очистить код через

      $koordinaty = strip_tags(переменная);


      С объявлениями с картой пока прроектов не было, но думаю как-то так можно сделать
      • 01 декабря 2014 г.
      • Попробую посмотреть документацию яндекса и подробнее почитаю о модуле. Думаю тут решение проще. Все данные передаются просто нужно найти способ как их вывести.
        • 01 декабря 2014 г.
        • Цитата
          Все данные передаются просто нужно найти способ как их вывести.


          а чем этот вариант не подъодит?

          тут данные которые надо получить:
          1. Координата точки
          2. Информация. которую при клике надо выводить

          Все остальное это шаблонное

          Код

          /*тут начинается третья метка*/

          .add(new ymaps.Placemark([ПУНКТ№1],
          {balloonContent: "ПУКНТ№2"},
          {iconImageHref: "http://site.ru/images/metka.png",
          iconImageSize: [390, 320],
          iconImageOffset: [0, -140]}))



    • 02 декабря 2014 г.
    • Есть же модуль Геокарта в стандарте, и там есть вывод страницы со всеми точками на карте. Правда при клике там выводится только ссылка на объект (объявление).

Новости

  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 

Форум