Found out that doing the following test page works using chrome
browser...but does *not* work in CEF test client, or my code. The map
shows in CEF, but the left mouse click event does not fire....nor does
mouse panning work either. The right click event does fire correctly,
however? Not sure why the "click" listener is not working?
Now...if I don't use this test page, but I use the map page on googles
main site...it DOES work? There must be something that's off here?
Anyone have a workaround?
<!DOCTYPE html>
<html><head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /
>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript" src="
http://maps.google.com/maps/api/js?
sensor=false"></script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new
google.maps.Map(document.getElementById("map_canvas"),
myOptions);
google.maps.event.addListener(map, 'rightclick', rightclick_handler);
google.maps.event.addListener(map, 'click', click_handler);
}
function rightclick_handler(event)
{
alert('Right click!');
}
function click_handler(event)
{
alert('Mouse click!');
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body></html>