在Sencha Touch 2中单击google标记后显示视图(面板,容器等)

时间:2012-04-25 03:36:06

标签: google-maps sencha-touch extjs google-maps-markers

我在sencha touch 2上有一个地图,上面装有标记(动态)。目前,当我点击标记时,它们各自的信息窗口会打开。我希望使用infowindow中的按钮打开容器,或者点击标记。

这是可能的,任何人都可以指导我吗?我只知道它与标记的监听器有关...

1 个答案:

答案 0 :(得分:1)

要收听标记的点击事件,您可以使用以下代码:

google.maps.event.addListener(marker, 'click', onClickHandler);

标记是google.maps.Marker。

如果你想在infoWindow中放一个按钮。您可以在infoWindow中侦听点击事件,然后检查点击是否在按钮内。

....
infoWindow.content = '<div>text</div><div class="button">button</div>';
infoWindow.content.addEventListener('click', onInfoWindowClickHandler);

function onInfoWindowClickHanlder(event) {
   if(event.target.className == 'button') {
      // Button click
   }
}

这只是一个近似。我没有测试过代码,所以可能需要一些调整,但这个想法应该可行。

您必须阅读https://developers.google.com/maps/documentation/javascript/