2011-08-18 53 views
3

我正在试验QtWebkit和谷歌地图。我遇到的问题是从QWebView调用C++插槽。 在QWebView显示的页面修改谷歌地图例如:谷歌地图标记不会收到点击事件

<!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 Window对象。

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

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

回答

5

事实证明,我应该关闭地图标记的优化渲染。当添加优化:假的标记声明,然后事情开始工作:

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

有同样的问题,谢谢。 – bennedich