Как получить ссылку на карту, которая уже установлена ​​на div

Question

У меня есть div на моей странице под названием 'map', и я установил в нем карту Google:

(function () {
        window.onload = function () {
            var mapDiv = document.getElementById('map');
            var latlng = new google.maps.LatLng('@lng', '@lat');
            var options = { styles: styleArray,
                center: latlng,
                zoom: 15,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                mapTypeControl: false                
            };
            var map = new google.maps.Map(mapDiv, options);
...

Теперь у меня есть некоторые другие функции, и мне нужна ссылка на этот div карты, чтобы я мог добавить на него маркеры. Итак, как я могу получить ссылку на этот диск с картой, чтобы получить объект карты? Я пробовал этот способ, но он не работает:

var map = new google.maps.Map(document.getElementById("map"));

Answer 1

Ваша попытка не работает, потому что это создает новый google.maps.Map экземпляр.

map необходимо объявить как глобальную переменную. По крайней мере, необходимо объявить переменную вне функции, ссылку на которую вы присваиваете window.onload. JavaScript 101.