Javascript 爱奥尼亚2-当我点击谷歌地图信息窗口时，推送一个新页面

我在我的爱奥尼亚2项目中使用谷歌地图api。我有一个创建标记并对其进行聚类的服务。我正在为每个标记创建一个信息窗口，如下所示：

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

进入新页面

”； var infoWindow=new google.maps.infoWindow({ 内容：内容 });

---

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

您可以添加一个

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操作

还有一些

---

希望对你有帮助；）

您可以添加一个

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操作

还有一些

希望对你有帮助；）

请参阅解决方案。此解决方案应该对您有所帮助。请参阅解决方案。这个解决方案应该对你有帮助。