首页 > 编程语言> > javascript – Google地图标记未收到点击事件

javascript – Google地图标记未收到点击事件

2019-09-03 03:37:22 作者：互联网

我正在尝试使用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是QMainWindow对象,它包含我要调用的插槽showList(),并且已添加到Javascript窗口对象中.

如果我使用属性onclick =“maiWi.showList()”向网页添加另一个元素,则会调用插槽并且一切都很顺利.但是,我想在点击地图标记时调用插槽.但是,标记似乎不响应QWebView中的单击事件.即使是注释掉的示例代码也不起作用.

在Chrome中,事件监听器被调用并完成它应该做的事情,但在QWebView中没有任何反应.

解决方法:

事实证明,我应该关闭地图标记的优化渲染.将optimized：false添加到标记声明时,事情开始起作用：

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

标签：qtwebkit,javascript,qt,google-maps
来源： https://codeday.me/bug/20190903/1795128.html