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

时间:2011-05-25 14:34:00

标签: jquery jquery-gmap

如何使用“for each”功能在此gmap脚本上添加更多地址?

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

3 个答案:

答案 0 :(得分:0)

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

假设你有一个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;
}

我希望这个肝脏

答案 1 :(得分:0)

所以我试着用:


        $(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元素中写入我需要显示的地址和数据......但是我得到了错误:\ 我的divs填写正确...

答案 2 :(得分:0)

所以我必须做同样的事情:这是使用ajax,但概念是一样的。请注意传递给gmaps的对象数组。 Link to my question