Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » 2GIS карта на сайте

2GIS карта на сайте

     09.08.2012    Все вопросы » jQuery    4735

вопрос
Всем привет, поднимаю вопрос 2 раз..
В 1 раз юзер "nowheremany" посоветовал использовать ту же систему которая описана тут
но, поскольку код скрипта карт 2гис отличаются от карт гугл, я не смог применить его на практике...
дело в том что, ширина и долгота в 2 гис записываются в эти строки:
 Показать / Скрыть текст

param.value = pnt.getLon(сюда1) + ':' + pnt.getLat(сюда2);

и, если вставить в код теги доп. полей
param.value = pnt.getLon([xfvalue_maps]) + ':' + pnt.getLat([xfvalue_map2]);

то, она не работает..
еще одно решение:
var param = document.getElementById("xfields[maps]");
тоже не работает.. по-этому прошу помощи у вас, если кто-знает как это решается пожалуйста, помогите.

Ответа пока нет

 

10 комментариев

ПафНутиЙ
Админ

ПафНутиЙ - 9 августа 2012 21:06 -

а код вызова карты куда вставляется?
Каков вопрос - таков и ответ. Просто помните об этом.
FeDykt
Юзер

FeDykt - 9 августа 2012 21:09 -

ПафНутиЙ,
Вот то что, вставляю в addnews.tpl 

<div id="MapWrap" style="width:700px; height:400px"></div>
            <script type="text/javascript">
                DG.load(function() {
                    var myMap = new DG.Map('MapWrap');
                    myMap.setCenter(new DG.GeoPoint(129.72836632538,62.028258660306));
                    myMap.setZoom(13);
                    myMap.controls.add(new DG.Controls.Zoom());
                    myMap.controls.add(new DG.Controls.FullScreen());
                    myMap.setMinZoom(11);

                    var observers = [];
                    var marker = null;
                    var rightClickCB = function(evt){
                        var pnt = evt.getGeoPoint();
                        if (marker != null) {
                            myMap.markers.remove(marker);
                        }
                        marker = new DG.Markers.Common({geoPoint: pnt});
                        myMap.markers.add(marker);
                
                    var param = document.getElementById("");
                    param.value = pnt.getLon([xfvalue_maps1]) + ':' + pnt.getLat([xfvalue_maps2]);
                    }
                    observers[0] = myMap.addEventListener(myMap.getContainerId(), 'DgClick', rightClickCB);
                });


а вот то, что вставляю в fullstory.tpl

 <div id="MapWrap" style="width:538px; height:500px"></div>
              <script type="text/javascript">
                    DG.load(function() {
                        var lon = [xfvalue_maps1];
                        var lat = [xfvalue_maps2];
                        var myMap = new DG.Map('MapWrap');
                        myMap.setCenter(new DG.GeoPoint(lon, lat));
                        myMap.setZoom(16);
                        myMap.controls.add(new DG.Controls.Zoom());
                        myMap.controls.add(new DG.Controls.FullScreen());
                        myMap.setMinZoom(11); 

                        var myBalloon = new DG.Balloons.Common({ 
                            geoPoint: new DG.GeoPoint(lon, lat), 
                            contentHtml: '[xfvalue_adresss]' 
                        }); 
                        
                        var marker = new DG.Markers.Common({
                            geoPoint: new DG.GeoPoint(lon, lat), 
                            clickCallback: function() {
                                 if (! myMap.balloons.getDefaultGroup().contains(myBalloon)) { 
                                    myMap.balloons.add(myBalloon); 
                                } else { 
                                    myBalloon.show(); 
                                }
                            } 
                        });
                        myMap.markers.add(marker);
                    });    
                </script>
ПафНутиЙ
Админ

ПафНутиЙ - 9 августа 2012 21:13 -

а тупо вот так работает?:
 Показать / Скрыть текст
Каков вопрос - таков и ответ. Просто помните об этом.
FeDykt
Юзер

FeDykt - 9 августа 2012 21:16 -

ПафНутиЙ,
ну, если просто вставить код карты уже с забитыми координатами то да, все отлично работает.
Просто, я хочу чтобы она использовала один шаблон и (fullstory) чтобы отображать карту во всех "объектах" (постах) координаты указываются при добавлении объекта (поста)
ПафНутиЙ
Админ

ПафНутиЙ - 9 августа 2012 21:18 -

Это понятно.
По идее должно работать т.к. js-код формируется уже после парсинга тегов DLE.
Надо бы взглянуть на исходный код в браузере.
Каков вопрос - таков и ответ. Просто помните об этом.
FeDykt
Юзер

FeDykt - 9 августа 2012 21:24 -

ПафНутиЙ,
вот это отображается в /addnews.html
<tr><td> 

            <div id="MapWrap" style="width:700px; height:400px"></div>

            <script type="text/javascript">

                DG.load(function() {

                    var myMap = new DG.Map('MapWrap');

                    myMap.setCenter(new DG.GeoPoint(129.72836632538,62.028258660306));

                    myMap.setZoom(13);

                    myMap.controls.add(new DG.Controls.Zoom());

                    myMap.controls.add(new DG.Controls.FullScreen());

                    myMap.setMinZoom(11);



                    var observers = [];

                    var marker = null;

                    var rightClickCB = function(evt){

                        var pnt = evt.getGeoPoint();

                        if (marker != null) {

                            myMap.markers.remove(marker);

                        }

                        marker = new DG.Markers.Common({geoPoint: pnt});

                        myMap.markers.add(marker);

                

                    var param = document.getElementById("xfields[mapssspew]");

                    param.value = pnt.getLon([xfvalue_mapssspew]) + ':' + pnt.getLat([xfvalue_mapssspew2]);

                    }

                    observers[0] = myMap.addEventListener(myMap.getContainerId(), 'DgClick', rightClickCB);

                });

        </script>

        </td></tr>
FeDykt
Юзер

FeDykt - 9 августа 2012 21:25 -

А вот этот код в полной новости 

<div id="MapWrap" style="width:538px; height:500px"></div>
              <script type="text/javascript">
                    DG.load(function() {
                        var lon =;
                        var lat =;
                        var myMap = new DG.Map('MapWrap');
                        myMap.setCenter(new DG.GeoPoint(lon, lat));
                        myMap.setZoom(16);
                        myMap.controls.add(new DG.Controls.Zoom());
                        myMap.controls.add(new DG.Controls.FullScreen());
                        myMap.setMinZoom(11); 

                        var myBalloon = new DG.Balloons.Common({ 
                            geoPoint: new DG.GeoPoint(lon, lat), 
                            contentHtml: '123' 
                        }); 
                        
                        var marker = new DG.Markers.Common({
                            geoPoint: new DG.GeoPoint(lon, lat), 
                            clickCallback: function() {
                                 if (! myMap.balloons.getDefaultGroup().contains(myBalloon)) { 
                                    myMap.balloons.add(myBalloon); 
                                } else { 
                                    myBalloon.show(); 
                                }
                            } 
                        });
                        myMap.markers.add(marker);
                    });    
                </script>



var lon = ;
var lat = ;

пустые..
ПафНутиЙ
Админ

ПафНутиЙ - 9 августа 2012 22:03 -

а при редактировании новости эти данные есть?
допполя правильно указаны в скрипте? (на сайте mapssspew)

если они пустые, значит не записались в новость.
Каков вопрос - таков и ответ. Просто помните об этом.
FeDykt
Юзер

FeDykt - 9 августа 2012 22:05 -

ПафНутиЙ,
да, доп. поля указаны правильно.
при редактировании координаты в эти поля не записались.
FeDykt
Юзер

FeDykt - 10 августа 2012 01:58 -

Просьба удалить пост, нашел решение факйеее (я невоспитанный дебил) )
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 16.12.2012 kronon  jQuery
 10.08.2013 G-Force  Стили (CSS), jQuery
 24.08.2013 jarrro  Общие вопросы, jQuery
 20.12.2014 GSMexpress  Общие вопросы по вёрстке, jQuery
 18.01.2015 Morse  jQuery
 20.01.2015 Morse  jQuery
 17.02.2015 serg91100  Шаблоны (TPL), jQuery
 23.03.2015 Kaleb  Шаблоны (TPL), jQuery
 25.03.2015 Nayzus  jQuery
 15.04.2015 DatiX  jQuery
  • New-dev.ru | Создание простого сайта отзывов (рейтинг ... 4
    Фото New-dev.ru
    New-dev.ru
    Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
    Вчера, 14:14
    А что там на фронте на скрине или демо смотреть? Там в стандартную форму добавления комментария просто добавляется рейтинг, например, звездный.
  • TeraMoune | Сделать модуль опросы 3
    Фото TeraMoune
    TeraMoune
    Сделать модуль опросы
    22-04-2024, 13:32
    Конечно. Пишите в телеграм.
  • Nimax | Сделать модуль опросы 3
    Фото Nimax
    Nimax
    Сделать модуль опросы
    22-04-2024, 13:17
    Да в том и дело =) так и думал можете сделать? сколько будет по стоимости?
  • TeraMoune | Сделать модуль опросы 3
    Фото TeraMoune
    TeraMoune
    Сделать модуль опросы
    22-04-2024, 12:56
    Зачем же для этого модуль ? Есть стандартные опросы, достаточно добавить одну правку на обработку тега в описании новости от стандартного тега poll.
  • Nimax | Создание простого сайта отзывов (рейтинг ... 4
    Фото Nimax
    Nimax
    Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
    22-04-2024, 12:14
    А есть скрины или демо как это на фронте выглядит?
  • New-dev.ru | Создание простого сайта отзывов (рейтинг ... 4
    Фото New-dev.ru
    New-dev.ru
    Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
    21-04-2024, 18:25
    Эта старая публикация, за несколько месяцев цена выросла, а тут забыл исправить цену, сожалею. Сейчас поставил актуальную цену.
  • Nimax | Создание простого сайта отзывов (рейтинг ... 4
    Фото Nimax
    Nimax
    Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
    21-04-2024, 13:18
    Как преобрести за 9$? на сайте цена другая
  • Jigurda | Как в description вставить значение доп. ... 2
    Фото Jigurda
    Jigurda
    Как в description вставить значение доп.поля?
    19-04-2024, 10:54
    Немного не то. Нужно не заменить, а добавить к уже имеющемуся description свой текст с доп.полями
  • lutskboy | Как в description вставить значение доп. ... 2
    Фото lutskboy
    lutskboy
    Как в description вставить значение доп.поля?
    18-04-2024, 21:51
    https://sandev.pro/web/159-fullstory-metatags-by-sander.html
  • derebas | Как реализовать кнопку "Поделиться" как ... 1
    Фото derebas
    derebas
    Как реализовать кнопку "Поделиться" как на Плей Маркете?
    18-04-2024, 09:39
    Ну если на скорую руку то примерно так
    <style>
.sociallinks {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.sociallinks-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.close {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.social-container {
    display: flex;
    align-items: center;
}
.social-container > div {
    margin-left: 10px;
}

h2, p {
    margin: 5px 0;
}
.social {
  padding-top: 20px;
}
.social img {
  margin: 10px;
}
.sharebtn {
  padding-top: 20px;
  width: 100%;
}
.sharebtn_area {
  border: 1px solid black;
  height: 40px;
}
.sharebtn input[type="text"] {
  width: 70%;
  border: none;
  height: 95%;
}
.sharebtn button {
  width: 25%;
  height: 95%;
  border: none;
  background-color: #fff;
}
</style>
<button id="opensociallinksBtn">Поделиться</button>

<div id="mysociallinks" class="sociallinks">
  <div class="sociallinks-content">
    <span class="close">×</span>
    <div class="social-container">
        <img src="{image-1}" alt="Icon" width="30" height="30">
        <div>
            <h2>{title}</h2> 
            <p>Поделиться</p> 
        </div>
    </div>
    <div class="social">
        <a href="https://api.whatsapp.com/send/?text={full-link}"><img src="whatsapp.png" alt="WhatsApp" width="30" height="30"></a>
        <a href="https://www.facebook.com/sharer/sharer.php?u={full-link}"><img src="facebook.png" alt="Facebook" width="30" height="30"></a>
        <a href="https://twitter.com/intent/post?url={full-link}"><img src="twitter.png" alt="Twitter" width="30" height="30"></a>
        <a href="https://www.instagram.com/share?url={full-link}"><img src="instagram.png" alt="Instagram" width="30" height="30"></a>
    </div>
    <div class="sharebtn">
      <div class="sharebtn_area">
        <input type="text" id="inputText" value="{full-link}" readonly="true">
        <button id="copyBtn">Поделиться <img src="share.png" width="10px" alt="Share Icon"></button>
      </div>
    </div>
  </div>
</div>

<script>
var sociallinks = document.getElementById("mysociallinks");
var opensociallinksBtn = document.getElementById("opensociallinksBtn");
var closeBtn = document.getElementsByClassName("close")[0];
var copyBtn = document.getElementById("copyBtn");
var inputText = document.getElementById("inputText");

opensociallinksBtn.onclick = function() {
  sociallinks.style.display = "block";
}

closeBtn.onclick = function() {
  sociallinks.style.display = "none";
}

window.onclick = function(event) {
  if (event.target == sociallinks) {
    sociallinks.style.display = "none";
  }
}

copyBtn.onclick = function() {
  inputText.select();
  document.execCommand("copy");
}
</script>
наверх