Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » jQuery » 2GIS карта на сайте

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

FeDykt 09.08.2012 Все вопросы » jQuery 4868

вопрос

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

Показать / Скрыть текст



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.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(сюда1) + ':' + pnt.getLat(сюда2);
}
observers[0] = myMap.addEventListener(myMap.getContainerId(), 'DgClick', rightClickCB);
});

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 комментариев

Админ

3457

ПафНутиЙ - 2015-04-159 августа 2012 21:06 - #6344

а код вызова карты куда вставляется?

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

FeDykt - 2015-04-159 августа 2012 21:09 - #6345

ПафНутиЙ,
Вот то что, вставляю в 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>

Админ

3457

ПафНутиЙ - 2015-04-159 августа 2012 21:13 - #6346

а тупо вот так работает?:

Показать / Скрыть текст

<script type="text/javascript" src="http://maps.api.2gis.ru/1.0"></script> 
    <script type="text/javascript"> 
        // Создаем обработчик загрузки страницы: 
        DG.autoload(function() { 
            // Создаем объект карты, связанный с контейнером: 
            var myMap = new DG.Map('myMapId'); 
            // Устанавливаем центр карты, и коэффициент масштабирования: 
            myMap.setCenter(new DG.GeoPoint(82.927810142519,55.028936234826), 15); 
            // Добавляем элемент управления коэффициентом масштабирования: 
            myMap.controls.add(new DG.Controls.Zoom()); 
 
                        // Создаем балун:
            var myBalloon = new DG.Balloons.Common({
                // Местоположение на которое указывает балун: 
                 geoPoint: new DG.GeoPoint(82.927810142519,55.028936234826),
                 // Устанавливаем текст, который будет отображатся при открытии балуна:
                 contentHtml: 'Привет!<br>Вы кликнули по мне :)'
            });
            // Создаем маркер:
            var myMarker = new DG.Markers.Common({
                 // Местоположение на которое указывает маркер:
                 geoPoint: new DG.GeoPoint(82.927810142519,55.028936234826),
                 // Функция, вызываемая при клике по маркеру
                 clickCallback: function() {
                    if (! myMap.balloons.getDefaultGroup().contains(myBalloon)) {
                        // Если балун еще не был добавлен на карту, добавляем его:
                         myMap.balloons.add(myBalloon);
                     } else {
                         // Показываем уже ранее добавленный на карту балун
                         myBalloon.show();
                     }
                }
            });
            // Добавить маркер на карту:
            myMap.markers.add(myMarker);
        }); 
    </script> 

    <div id="myMapId" style="width:500px; height:400px"></div>

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

FeDykt - 2015-04-159 августа 2012 21:16 - #6347

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

Админ

3457

ПафНутиЙ - 2015-04-159 августа 2012 21:18 - #6348

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

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

FeDykt - 2015-04-159 августа 2012 21:24 - #6349

ПафНутиЙ,
вот это отображается в /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 - 2015-04-159 августа 2012 21:25 - #6350

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


<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 = ;

пустые..

Админ

3457

ПафНутиЙ - 2015-04-159 августа 2012 22:03 - #6351

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

если они пустые, значит не записались в новость.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

FeDykt - 2015-04-159 августа 2012 22:05 - #6352

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

Юзер

FeDykt - 2015-04-1510 августа 2012 01:58 - #6356

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

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

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

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

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

Баг jquery или мой не профессионализм

Не стабильно передвигается меню

Скрипт выбора серий

Сначала видео потом HTML. Как?

Как определить высоту блока и если она выше, выполнить скрипт ?

Как в jCarousel спрятать стрелки навигации ?

Почему не работают табы при ajax full story?

Как сделать адаптивный слайдер через custom?

Как поправить JS код ?

Подсчет завязанный на чекбоксах, как?