Почему не закрывается карта?

Question

[barder]

Доброго дня.

Встроил на сайт карту яндекса

map.js:

ymaps.ready(init);
function init() {
	var myMap;


	$('#toggle').bind({
		click: function () {
			if (!myMap) {
				myMap = new ymaps.Map("map", {
					center: [shirota, dolgota],
					zoom: 13
				}, {
					searchControlProvider: 'yandex#search'
				}),

		    // Создаем геообъект с типом геометрии "Точка".
		    myGeoObject = new ymaps.GeoObject({
		            // Опции.
		            // Иконка метки будет растягиваться под размер ее содержимого.
		            preset: 'islands#blackStretchyIcon',
		            // Метку можно перемещать.
		            draggable: true
		        }),
		    myPieChart = new ymaps.Placemark([
		    	shirota, dolgota
		    	]);

		    myMap.geoObjects
		    .add(new ymaps.Placemark([shirota, dolgota], {
		    	balloonContentHeader: namesprav,
		    	iconCaption: namesprav

    }, {
    	preset: 'islands#blueRepairShopIcon'
    }));
    $("#toggle").attr('value', 'Скрыть карту');
    
} else {
        myMap.destroy();// Деструктор карты
        myMap = null;
        $("#toggle").attr('value', 'Показать карту снова');
        alert("закрыли");
    }
}
});
}

html:

<script>
	var dolgota= <?=json_encode($arResult['PROPERTIES']['map_dl']['VALUE'])?>;
	var shirota= <?=json_encode($arResult['PROPERTIES']['map_sh']['VALUE'])?>;
	var namesprav= <?=json_encode($arResult['NAME'])?>;
</script> 
<input type="button" value="Показать карту" id="toggle"/>

            <div id="map" style="width: 100%; height: 320px"></div>

при нажатии на кнопку, карта открывается, а при нажатии повторно, карта не закрывается, а открывает дополнительный контейнер div дальше

Comments

[barder]

почему то не заходит в условие else

вот код самого яндекса который работает:

// Как только будет загружен API и готов DOM, выполняем инициализацию
ymaps.ready(init);

// Инициализация и уничтожение карты при нажатии на кнопку.
function init () {
    var myMap;

    $('#toggle').bind({
        click: function () {
            if (!myMap) {
                myMap = new ymaps.Map('map', {
                    center: [55.010251, 82.958437], // Новосибирск
                    zoom: 9
                }, {
                    searchControlProvider: 'yandex#search'
                });
                $("#toggle").attr('value', 'Скрыть карту');
            }
            else {
                myMap.destroy();// Деструктор карты
                myMap = null;
                $("#toggle").attr('value', 'Показать карту снова');
            }
        }
    });
}

[Николай Чуприк]

barder, так а карта показывается? Кнопка меняется на "Скрыть карту"?

[mahmudchon]

Ваш же код, все работает - https://pokerlenses.ru/map.html

[barder]

Николай Чуприк, при нажатии карта показывается, текст меняется на Скрыть карту

Answer 1

[barder]

до этого переменная myMap было до функции init(), перенес в функцию, а файл не сохранил, а код сюда выложил рабочий, прошу прощения, сохранил файл, карта заработала.