javascript - Ionic 2 - 当我点击谷歌地图信息窗口时推送一个新页面

Question

我在我的 ionic 2 项目中使用谷歌地图 API。我有一项用于创建标记并对它们进行聚类的服务。我正在为每个标记创建一个信息窗口，如下所示:

content = "<h4>Title</h4><p onclick=\"callFunctionFromServiceHere()\">Go to new page</p>";
var infoWindow = new google.maps.InfoWindow({
    content: content
});

如果我点击“转到新页面”，我想推送一个新页面。这怎么可能？因为我认为信息窗口的 HTML 无法访问我的 ionic 2 服务。

Answer 1

您可以添加一个eventListener来捕获信息窗口上的点击。

例如:

google.maps.event.addListener(infoWindow, 'domready', () => {
  //now my elements are ready for dom manipulation
  var clickableItem = document.getElementById('clickableItem');
  clickableItem.addEventListener('click', () => {
    this.goToProductPage(product);
  });
});

你只需要添加另一个监听器来等待 dom 准备好，否则你的元素将无法进行 dom 操作。

这里还有更多 infos ,

希望对您有帮助；)