javascript - 如何将 CSV 文件导入 web 应用程序的 javascript，以便我可以在谷歌地图 Canvas 上放置地址标记？

Question

所以我对 javascript 和 Google map API 有点陌生。目前，我可以在给定一个名为 codeAddress 的硬编码地址变量的情况下放置一个标记。

codeAddress("99362");

function codeAddress(address) {
    geocoder.geocode({
        'address': address
    }, function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            map.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({
                map: map,
                position: results[0].geometry.location
            });

        } else {
            alert("Geocode was not successful for the following reason: " + status);
        }
    });
}

问题是我需要能够根据位置放置多个标记，并且需要能够解析来自 CSV 文件或来自 sql 数据库的地址数据。

感谢您的帮助。

Answer 1

我用过 jquery-csv plugin处理csv文件。

如果您可以提供有关此 csv 文件的来源以及加载方式的更多细节，我可以提供有关如何将其转换为 javascript 数组的信息。这个文件已经在服务器上了吗？如果是这样，那么做一些服务器端处理来读取文件会更有意义。

下面显示了如何修改您的代码以使用多个地址的数组:

var addresses = ["99362", "01010", "12345"];

jQuery.each(addresses, function(index, address) { 
    geocoder.geocode({
        'address': address
    }, function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            // we only need to center the map the first time
            if (index == 0)
                map.setCenter(results[0].geometry.location);
            var marker = new google.maps.Marker({
                map: map,
                position: results[0].geometry.location
            });
        } else {
            alert("Geocode was not successful for the following reason: " + status);
        }
    });
})