javascript - GMAP3通过ajax get填充多个标记地址

Question

我正在尝试使用 gmap3 plugin 动态添加标记到谷歌地图。在下面的代码中，当我将 variable _addressList 传递到 .gmap() 时，它只显示 1 个标记。准确地说，只有最后一个标记显示 {address: "100e 800n, 84321", data: "marker 4"}

// address sample format
{address: "727e 800n, 84321", data: "marker 1"}, 
{address: "900e 800n, 84321", data: "marker 2"},
{address: "200e 800n, 84321", data: "marker 3"},
{address: "100e 800n, 84321", data: "marker 4"},

这是我的ajax获取代码。知道我做错了什么吗？

        $.ajax({type: "GET",
            url: url,
            data: poststr,
            success: function(data)
            {
                var _add = new Array();
                var _data;
                for (i = 0; i < data.length; i++)
                {
                  _data = '{address: "'+data[i][1]+'", data: "'+data[i][0]+'"}';

                 _add.push(_data);
                }
                            //convert string to JSON
                            var _addressList = eval("(" + _add + ")");

                $("#map-canvas").gmap3({
                    marker:{
                            values: [ 
                                _addressList
                                ]
                            }   
                });


            },
            dataType: "JSON" 
            });
    }

Answer 1

您能给我们提供您页面的链接吗？无论如何，我注意到你的 json 字符串格式不正确。您可以在 http://jsonlint.com 进行验证。

键应该用双引号引起来

 [
    {
        "address": "727e 800n, 84321",
        "data": "marker 1"
    },
    {
        "address": "900e 800n, 84321",
        "data": "marker 2"
    }
]