Touch Screen - Marker Drag n Drop Issue
http://stackoverflow.com/questions/16098971/touch-screen-error-while-setting-draggable-property-of-google-map
HTML
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<div id="map_canvas" style="border: 1px solid black; width: 1000px; height: 500px;">
map div
</div>
JavaScript
var initialLocation = new google.maps.LatLng(59.312608,18.070107);
var mapOptions = { zoom: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: initialLocation
};
var mapObject = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
function dropMarker() {
var marker = new google.maps.Marker({
position: mapObject.getCenter(),
map: mapObject,
draggable: true,
animation: google.maps.Animation.DROP
});
// Does not work
//google.maps.event.addListener(marker, 'dragstart', function () {
// mapObject.setOptions({ draggable: false });
//});
//google.maps.event.addListener(marker, 'dragend', function () {
// mapObject.setOptions({ draggable: true });
//});
}
dropMarker();