使用Google地图在iPad上放大页面

时间:2011-05-11 08:56:09

标签: javascript ipad google-maps google-maps-api-3

我正在开发一款适用于iPad的webb应用,它使用谷歌地图v3.5 api并遇到了问题。我怀疑这是api中的一个错误,但是我希望在我放弃它之前确认它。 以横向或纵向模式加载页面可以解决问题,但如果我从potrait更改为横向,右上角的按钮会被推到屏幕外。它看起来好像屏幕的分辨率没有改变。有点像它自己放大的页面。
不幸的是,我不允许分享webadress但是之前还有其他人遇到过这个问题吗?是否有解决方案? 知道它只有片段很难但是...这是从标题中阻止用户从任何有趣的商业:

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

这是来自地图所在的身体。

<div id="map_canvas" style="width: 100%; height: 100%"></div>

这是来自显示地图的javscript:

var myLatlng = new google.maps.LatLng(56.668142,16.341105);
// Start settings for the map
var myOptions = {
  zoom: 13,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
};
// Creating and displaying the map
map = new google.maps.Map(document.getElementById("map_canvas"),
    myOptions);

我只能通过调用google api来重新生成错误,以便在网页上显示任何内容。

1 个答案:

答案 0 :(得分:0)

请尝试使用此元标记:

<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" />