javascript - 如何获取对已在 div 上设置的 map 的引用

Question

我的页面上有一个名为“ map ”的 div，我在其中设置了谷歌地图:

(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);
...

现在我有一些其他功能，我需要引用这个 map div，以便我可以在上面添加标记。那么我如何使用 map 获取对这个 dic 的引用以获取 map 对象呢？我尝试过这种方式，但它不起作用:

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

Answer 1

您的尝试无效，因为这是在创建一个新的 google.maps.Map 实例。

map 需要声明为全局变量。至少需要将它声明为函数之外的变量，该函数引用了您分配给 window.onload 的变量。 JavaScript 101。