logo标签列表

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

javascriptqtgoogle-mapsqtwebkit
3

我正在尝试使用QtWebkit和Google Maps。我遇到的问题是从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 是包含槽函数 showList() 的 QMainWindow 对象，我想调用它，并且已将其添加到 Javascript 窗口对象中。
如果我在网页上添加另一个带有属性 onclick="maiWi.showList()" 的元素，则槽函数会被调用，一切都很好。然而，我想在单击地图标记时调用该槽函数。但是，在 QWebView 中，标记似乎不响应单击事件。即使是被注释掉的示例代码也不起作用。
在 Chrome 中，事件侦听器被调用并执行了其预期的操作，但在 QWebView 中，没有任何反应。
1个回答
5
原来我应该关闭地图标记的优化渲染。在标记声明中添加optimized:false，然后事情开始正常工作：
    var marker = new google.maps.Marker({
      position: map.getCenter(),
      map: map,
      optimized: false,
      title: 'test'
    });
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接