0
Je développe une application simple pour les téléphones intelligents. Il fonctionne partout sauf l'iPhone. code est mort simple: js:Google maps et iPhone
var initial_lat = 58.3972;
var initial_lng = 15.5776;
var initial_zoom = 15;
var map;
function initialize_map() {
var initialLatLng = new google.maps.LatLng(initial_lat, initial_lng);
var myOptions = {
zoom: initial_zoom,
center: initialLatLng,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.BIG
},
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_block"), myOptions);
}
et HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="resources/js/test.js"></script>
</head>
<body onload="initialize_map()">
<div id="map_block" style="width:100%; height:480px;" ></div>
</body>
</html>
Il affiche une carte et un grand contrôleur de navigation pour déplacer la carte - rien de spécial. Cela fonctionne partout sauf pour l'iPhone. Sur l'iPhone, la carte s'affiche correctement mais vous ne pouvez pas la déplacer (glisser-déplacer) et le contrôleur de navigation (widget si vous le souhaitez) n'apparaît pas.
Qu'est-ce qui me manque?