phonegapを使用してGoogleマップを操作しています。以下のコードを使用して、画面にマップを追加しました。しかし、問題は、2 本の指を使用してズームインし、それらをドラッグしてもズームされないことです。この機能を追加するにはどうすればよいですか?
これが私のコードです。
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
onSuccess();
}
function onSuccess () {
var map = document.getElementById('map');
var mapOptions = {
center : new google.maps.LatLng(37.7831, -122.4039),
zoom : 12,
mapTypeId : google.maps.MapTypeId.ROADMAP
};
var gmap = new google.maps.Map(map, mapOptions);
var markerOptions = {
position : new google.maps.LatLng(37.7831, -122.4039)
};
var marker = new google.maps.Marker(markerOptions);
marker.setMap(gmap);
var infoWindowOptions = {
content : 'Here I am'
};
var infoWindow = new google.maps.InfoWindow(infoWindowOptions);
google.maps.event.addEventListener(marker, 'click', function (e) {
infoWindow.open(map, marker);
});
}
function onError (error) {
alert('code: ' + error.code + '\n' +
'message'+ error.message
);
}