页面在iPad上放大与谷歌地图

Page zoomed on iPad with Google maps

本文关键字：放大 谷歌地图 iPad      更新时间：2023-09-26

我正在为iPad开发一个webb应用程序，该应用程序使用Google maps v3.5 api并遇到了问题。我怀疑这是 api 中的一个错误，但我希望在删除它之前在这里确认它。以横向或纵向模式加载页面可以顺利进行，但是如果我从potrait更改为横向，右上角的按钮会被推到屏幕之外。在我看来，屏幕的分辨率没有改变。有点像它自己放大的页面。
不幸的是，我不允许分享网络地址，但以前有其他人遇到过这个救世主吗？有没有独处？
知道只有片段很难，但是...这是从标题中阻止用户进行任何有趣的业务： 

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

我已经能够通过仅通过对谷歌 api 的调用来重现该错误，以在网页上显示任何内容。

请尝试改用此元标记：

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