谷歌地图和iPhone

我正在开发智能手机的简单应用程序。除iPhone之外，它可以在任何地方使用。代码是死的简单： JS：谷歌地图和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); 
}

和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>

它会显示一个地图和大导航控制器用于移动地图 - 没有什么特别的。除iPhone之外，它可以在任何地方使用。在iPhone上，地图显示正确，但无法移动（拖动和移动），导航控制器（如果喜欢，则为小部件）不会显示。

我错过了什么？

来源

2010-09-27 sass

您是否尝试过在Safari浏览器设置（底部）上激活调试错误。我是你有一些错误，阻止代码。尝试用一个小高度代替480px。干杯。

来源

2010-10-05 21:21:51 user325558

谷歌地图和iPhone

回答

相关问题