2011-08-18 49 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