谷歌地图放大与phonegap

时间:2012-09-15 16:00:47

标签: javascript html5 cordova geolocation

我正在使用phonegap处理谷歌地图。我在屏幕上添加了以下代码的地图。但问题是当我想用我的两个手指放大并将它们拖放时它不会变焦。如何添加此功能?

这是我的代码。

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
);
}

1 个答案:

答案 0 :(得分:0)

你应该看看使用mapkit插件去Native。 这将增加Pinch to Zoom。 https://github.com/phonegap/phonegap-plugins/tree/master/iOS/MapKit

请注意:可能会改变IOS6