Question

我已经在Google地图上绘制了标记，并在所有标记上添加了mouseover事件监听器。

在发生鼠标悬停事件时，将打开一个信息窗口，该信息窗口具有div结构作为内容以及数据属性（数据信息标记），该属性在其中存储了悬停的标记。

问题

div结构被创建为信息窗口中的内容，并且data属性（data-info-marker）将标记的值显示为[object object]。

我已经尝试过JSON.stringify（）方法将其转换为JSON，但是它提供了一个称为

的错误

圆形结构无法在JSON中转换

。我在下面添加了mouseover事件的代码：

google.maps.event.addListener(markerArray[m],'mouseover',function() {
    infoWindow.setContent('<div class="info-boarding" data-info-marker="' + $(this) + '">' + this.routename + '</div>');
    infoWindow.open(map, this);
});

$(document).on('click', '.info-boarding', function(e) {
    toLoadInfoDetails(JSON.stringify($(this).attr('data-info-marker')));
});

上面有一个click事件，该事件使用JSON.stringify（）方法从函数中的data属性传递标记值，但不起作用。

预期结果：：我希望作为标记的数据属性值应呈现为实际的标记对象而不是[对象对象]。

实际结果：：数据属性将标记的值显示为[对象对象]

如何在数据属性中存储Google Map标记？

0 个答案: