谷歌地图标记不接收点击事件答案

【问题标题】：Google Maps marker doesn't receive click events谷歌地图标记不接收点击事件
【发布时间】：2011-10-29 15:37:52
【问题描述】：

我正在尝试使用 QtWebkit 和 Google 地图。我遇到的问题是从 QWebView 调用 C++ 插槽。 QWebView 中显示的页面是修改后的 Google Maps 示例：

<!DOCTYPE html>
<html>
<head>
<title>Google Maps JavaScript API v3 Example: Event Simple</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="UTF-8">
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/javascript">
  function initialize() {
    var myOptions = {
      zoom: 4,
      center: new google.maps.LatLng(-25.363882, 131.044922),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById('map_canvas'),
        myOptions);

    var marker = new google.maps.Marker({
      position: map.getCenter(),
      map: map,
      title: 'test'
    });

    google.maps.event.addListener(marker, 'click', function() {
     //if (map.getZoom() == 8) {
     //   map.setZoom(4);
     // } else {
     //   map.setZoom(8);
     // }

      window.maiWi.showList();
    });
  }

  google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

maiWi 是 QMainWindow 对象，其中包含我要调用的插槽 showList() 并已添加到 Javascript 窗口对象中。

如果我使用属性 onclick="maiWi.showList()" 将另一个元素添加到网页，那么插槽会被调用并且一切正常。但是，我想在单击地图标记时调用该插槽。然而，标记似乎没有响应 QWebView 中的点击事件。即使是注释掉的示例代码也不起作用。

在 Chrome 中，事件监听器被调用并执行它应该做的事情，但在 QWebView 中没有任何反应。

【问题讨论】：

标签： javascript qt google-maps qtwebkit

【解决方案1】：

事实证明，我应该关闭地图标记的优化渲染。将 optimize:false 添加到标记声明时，事情就开始起作用了：

    var marker = new google.maps.Marker({
      position: map.getCenter(),
      map: map,
      optimized: false,
      title: 'test'
    });

【讨论】：