单个页面上的可变数量的 Google 地图

Question

我正在使用 ajax 在页面内加载多个 Google 地图。它们是动态生成的，每页渲染的地图数量各不相同。我找到了问题的部分解决方案

我的解决方案的问题是我没有固定数量的地图。有没有办法动态生成存储地图对象（map1、map2 等）的变量名称？有没有更好的解决方案，不涉及生成变量名称？

Answer 1

是的。在 JavaScript 中使用数组。像这样的事情：

    var mapObjects;

    function geAllMapDivs() {
        var allDivs = document.getElementsByTagName('DIV'), i, L;
        var mapDivs = [];
        for(i=0, L=allDivs.length; i<L; i++) {
            if (allDivs[i].id.substring(0,4) == "map_") {
                mapDivs.push(allDivs[i]);
            }
        }
        return mapDivs;
    }

    function createMaps() {
        var mapDivs = getAllMapDivs(), i, L;
        mapObjects = [];
        for(i=0, L=mapDivs.length; i<L; i++) {
            mapObjects.push(new google.maps.Map(mapDivs[i], myOptions)); 
        }
    }