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

Question

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

我的解决方案的问题是我没有固定数量的地图。有没有办法动态生成存储地图对象（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)); 
        }
    }