使用API​​ v3将多个Google地图添加到同一页面

Question

我正在尝试使用for循环动态创建地图列表。我已经看到了其他的例子，但在我的情况下，for循环还需要为地图创建div以及将地图放入其中。

我的HTML ...

<div id="allMaps"></div>

我的简化脚本......

var mapList = "";
for (i = 0; i < 10; i++) {
    mapList += '<div class="singleMap" id="map' + i + '"></div>';
    var mapOptions = {
        center: new google.maps.LatLng(-34.397, 150.644),
        zoom: 8
    };
    var map = new google.maps.Map($("#map"+i), mapOptions);
}
$("#allMaps").append(mapList);

小提琴：http://jsfiddle.net/QCjSW/2/

感谢。

Answer 1

在创建地图之前，

append()（将元素插入到文档中）：http://jsfiddle.net/QCjSW/4/