Если карта присутствует на странице то выполнять функцию?

Question

[Alibek Kulseitov]

В общем у меня есть страница где есть контакты и там карта 2gis.
Скрипт карты подключается глобально, соответственно нужно вызывать функцию только когда она есть на странице. Так вот в чем проблема. Я сделал так:

if ($map.length > 0) {
        DG.then(function () {
            map = DG.map('js2Gis', {
                center: [43.205817, 76.819346],
                zoom: 17,scrollWheelZoom:false
            });
            DG.marker(
                [43.205817, 76.819346]
            )
            .addTo(map)
            .bindPopup('ACB');
        });
    }

Но он выдает что Uncaught ReferenceError: $map is not defined

Answer 1

[Bodrosh]

Что такое $map ? должно быть var $map = $(document).find('div.map'); если это jquery, например, есть такое?
и можно потом написать просто if ($map.length) {

Comments

[Alibek Kulseitov]

нету весь код такой:

<div id="js2Gis" class="contacts__map"></div>
                            <script src="http://maps.api.2gis.ru/2.0/loader.js?pkg=full"></script>

                            <script type="text/javascript">
                                // <![CDATA[
                                                        var map;DG.then(function ()
                                                        {
                                                            map = DG.map('js2Gis', {
                                                                center: [43.205817, 76.819346],
                                                                zoom: 17,scrollWheelZoom:false
                                                            });
                                                            DG.marker(
                                                                [43.205817, 76.819346]
                                                            )
                                                                .addTo(map)
                                                                .bindPopup('Сколиоз');
                                                        });
                                                        // ]]&gt;
                            </script>

[Bodrosh]

ну проверка идет, если есть какой-то блок настранице? т.е. ищем есть ли на странице блок с id=js2Gis или классом "contacts__map":

var $map = $(document).find('#js2Gis');
if ($map.length) { 
...
}

[Alibek Kulseitov]

Bodrosh, Спасибо! помогло! но хотелось бы еще услышать техники от других ) но Ваш метод помог, дальше уже дело познания

[Bodrosh]

Alibek Kulseitov, пожалуйста, вопрос не совсем понятно сформулирован у Вас, вы бы его поподробнее расписали

[Alibek Kulseitov]

Bodrosh, Ваш ответ помог! Теперь все работает) Но я бы хотел еще посмотреть варианты реализации если конечно они есть. Это я так для себя на будущее, не то чтобы просто кто-то дал решение и я поставил. Хочется еще самому разобрать другие решения.

[Сергей]

Зачем писать так:
var $map = $(document).find('#js2Gis');,
если можно короче:
var $map = $('#js2Gis');

[Bodrosh]

Сергей, можно, если блок с картой сразу есть на странице и загружен в DOM, а если он скажем аяксом, например, подгрузился после, то не должно прокатить)

[Сергей delphinpro]

Alibek Kulseitov, Другие техники? ловите:

DG.then(function () {
    try {
        map = DG.map('js2Gis', {
            center: [43.205817, 76.819346],
            zoom: 17,scrollWheelZoom:false
        });
        DG.marker(
            [43.205817, 76.819346]
        )
        .addTo(map)
        .bindPopup('ACB');
    } catch( err ) {
        console.error(err);
    }
});

[Alibek Kulseitov]

Сергей delphinpro, Интересное решение =) спасибо Это что-то на подобие if else?

[Сергей delphinpro]

Alibek Kulseitov, Это что-то наподобие https://yandex.ru/search/?text=javascript%20exceptions