0

我的谷歌地图显示正确，地图居中也很有魅力。但是当我想添加一些标记（只是标记，不想重新加载整个地图）时，什么也没有发生（地图上没有可见的标记）。

我的脚本如下所示：

function g_maps(){
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 10,
      center: new google.maps.LatLng(48.2136522, 16.386172),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    var infowindow = new google.maps.InfoWindow();
}

function g_maps_marker(coordinates){
        var locations = [ coordinates ];
        var marker, i;

        for (i = 0; i < locations.length; i++) {  
          marker = new google.maps.Marker({
            position: new google.maps.LatLng(locations[i][1], locations[i][2]),
            map: map,
            visible: true
          });

          google.maps.event.addListener(marker, 'click', (function(marker, i) {
            return function() {
              infowindow.setContent(locations[i][0]);
              infowindow.open(map, marker);
            }
          })(marker, i));
        }
}

我的 ajax 请求的（重要）部分如下所示：

...
      success:function(data){
        $('#pagination_content table').empty();
        data = $.parseJSON(data);

        i = 1;
        coordinates = "";
        for(var i in data.results) {
        $('#content_table').append("blablabla");
        coordinates += "['" + data.results[i].title + "', " + data.results[i].lat + ", " + data.results[i].lat + ", " + i++ + "], ";
        };

        coordinates = coordinates.slice(0, -2)
        g_maps_marker(coordinates);
      },
...

的输出coordinates是这样的：

['abc', 48.1857442, 48.1857442, 0], ['xyz', 48.2136522, 48.2136522, 1]

该函数g_maps在document.ready()事件中被调用。

我正在使用 API v3。

4

1 回答 1

0

你正在切片coordinates = coordinates.slice(0, -2);，然后再用这样的坐标制作一个数组var locations = [ coordinates ];。

我有点困惑。slice已经给了你一个数组，那为什么还要再做一个数组呢？你确定你的循环被执行了吗？

也许你应该删除var locations = [ coordinates ];然后g_maps_marker再试一次。我希望它会奏效。

** 编辑 **

在进一步分析代码后，我发现您正在尝试使用看起来像数组的字符串，然后尝试循环它。这行不通。

例如

    a = "[1, 2, 3]";

    b = [a];

    b[0][0]; // => will result in [ and not in your desired element

您应该使用以下代码来为坐标创建数组对象。

    i = 1;

    coordinates = [];

    for(var i in data.results)
    {
        $('#content_table').append("blablabla");

        var coordinate = [];

        coordinate.push(data.results[i].title);

        coordinate.push(data.results[i].lat);

        coordinate.push(data.results[i].lon);

        coordinates.push(coordinate);
    };

此外，您似乎longitude在创建坐标数组时忘记使用并使用latitude了两次。我已经在我的代码中解决了这个问题。

于 2013-06-04T19:24:30.560 回答