Question

我正在使用vue和谷歌地图，我希望通过更新信息窗口中显示的数据获得实时体验。我试过以下：

var infoStr =   
'<table class="">'+                                    
   '<tbody>' +
       '<tr>' +
          '<td colspan="2">{{testInfo}}</td>' +
       '</tr>' +                                        
    '</tbody>'+
'</table >';

var infowindow = new google.maps.InfoWindow({
   content: infoStr
});

global.infoWindow = infowindow;
infowindow.open(map, marker);

应用程序显示{{testInfo}}，就像它是一个字符串并且没有绑定。有没有在InfoWindow中绑定数据，所以我可以将它绑定到Vue数据？

Answer 1

您的问题是，当您将mocha放入变量{{testInfo}}时，您将其设置为静态，因此在创建信息窗时它只会具有infoStr的值。

作为一种解决方法，我建议您在信息代码中添加{{testinfo}}属性。

id="info-win-1"

var infowindow = new google.maps.InfoWindow（{ 内容：infoStr }）;

这样您就可以使用vue应用中的var infoStr = '<table class="">'+ '<tbody>' + '<tr>' + '<td id="info-win-1" colspan="2">{{testInfo}}</td>' + '</tr>' + '</tbody>'+ '</table >';动态更改内容。

vue和google map infowindow

1 个答案: