GMap iScroll Test

Prevent google map from propagate event to iscroll

HTML

<script src="http://lab.cubiq.org/iscroll/src/iscroll.js"></script>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

<div id="wrapper">
	<ul>
		<li>
		    <div id="map_canvas"></div>
		</li>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
	</ul>
</div>

CSS

#map_canvas {
    width: 200px;
    height: 200px;
    background-color: #CCC;
}

ul {
    list-style-type: none;
}

li {
    padding: 5px 0;
    border-bottom: 1px solid #CCC;
}
}

JavaScript

var myScroll = new iScroll('wrapper');

var map_canvas = document.getElementById('map_canvas');
var mapOptions = {
    center: new google.maps.LatLng(44.5403, -78.5463),
    zoom: 8,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(map_canvas, mapOptions);

map_canvas.addEventListener('mousedown', function(e) {
		console.log("test");
    e.stopPropagation();
}, false);