jquery - 使用 jquery gMap 动态添加更多地址

Question

我如何使用“for each”函数在这个 gmap 脚本上添加更多地址？

$("#mydiv").gMap({
    markers: [{
        address: document.getElementById("address").innerHTML,
        html: document.getElementById("text").innerHTML,
        popup: true
    }],
    zoom: 4
});

Answer 1

这不适用于每次迭代，但您也可以完成您的工作。

假设您有一个 json 对象。

 var markers = eval(jsonMarkers);
 for (id in markers) {
    var nMarker = createMarker(markers[id], mapID);
    map.addOverlay(nMarker);
}

function createMarker(pointData, mapID) {
    var latlng = new GLatLng(pointData.Latitude, pointData.Longitude);
    var marker = new GMarker(latlng );
    return marker;
}

我希望这能帮助

Answer 2

所以我不得不做同样的事情：这是使用 ajax，但概念是一样的。请注意传递给 gmap 的对象数组。链接到我的问题

Answer 3

所以我尝试过：

        $(function () {

                var myJSON

            $("#address span").each(function () {
                myJSON = [{ address: $("#address span").html,
                            html: $("#txt span").html,
                            popup: true
                        }] ;
            });

            if ($("#address").html != "") {
                $("#mymap").gMap({
                        markers: myJSON,
                        zoom: 4
                });
            }
        });

我从 db 访问中检索数据，并使用 asp.net 代码在我的 2 个 div 元素中写入我需要显示的地址和数据......但我收到错误：\ 我的 div 填充正确......