Google Maps API - 在手机上使用的文本和控件太小
问题描述:
我正在Adobe AIR中编写一个使用Javascript加载Google地图的移动应用程序。它在桌面上效果很好,但在移动设备上,一切看起来都太小而不便用户使用。街道文字不可读,信息窗口太小,文字太小,图标太小,“卫星”和“地图”按钮非常小,地图上的放大和缩小按钮太小操作。是否有地图的“缩放”属性,我无法在文档中找到我可以调整以使地图更具可读性和用户友好性的地图?或者这是一个CSS问题?这里是JavaScript我用它来创建地图,这是我在一个叫格将“地图”:Google Maps API - 在手机上使用的文本和控件太小
function loadMap(latitude, longitude, mapWidth, mapHeight) {
var myLatlng = new google.maps.LatLng(latitude, longitude);
var sheet = document.getElementById("map");
sheet.style.width = String(mapWidth)+"px";
sheet.style.height = String(mapHeight)+"px";
var mapOptions = {
zoom: 13,
center: myLatlng
}
map = new google.maps.Map(document.getElementById("map"), mapOptions);
}
答
它已经这么久以前,我不记得,我想出了一个解决方案。我快速浏览了10个月前创建的HTML文件,看起来我在我的HTML文件中创建了一个头文件,其中包含一些元标记,其中包括 content =“initial-scale = 1.0”。试试看看是否有帮助。
<head>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<style>
#map {
height: 100%;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
答
我想通了。我需要在顶部:
<meta name="viewport" content="width=device-width">
在我的结尾看到同样的事情。你有没有想过? – gnarbarian
10个月前我问过这个问题,所以记住我提出的解决方案很少,但看看我在下面发布的代码,并告诉我是否有帮助。如果没有,我可以为你深入一点。 – sax
谢谢!我想到了。我需要: – gnarbarian