谷歌地图和 iPhone答案

【问题标题】：Google maps and iPhone谷歌地图和 iPhone
【发布时间】：2010-09-27 20:11:01
【问题描述】：

我正在为智能手机开发简单的应用程序。它适用于除 iPhone 之外的任何地方。代码很简单： js：

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 上，地图可以正确显示，但您无法移动它（拖动和移动），并且导航控制器（如果您愿意，可以使用小部件）不出现。

我错过了什么？

【问题讨论】：

标签： javascript iphone mobile google-maps-api-3

【解决方案1】：

您是否尝试过激活 Safari 设置中的调试错误（在底部）。我是你有一些错误阻止代码。尝试用一个小的高度代替 480 像素。干杯。

【讨论】：