Android 谷歌地图缩放控件未完全显示
我有一个网页,既可以用作网络应用程序,也可以在原生Android网络视图中使用。该网页显示谷歌地图API v3的内容。问题是: 在旧的android设备中,我无法完全看到页面加载时的缩放控件 我理解这是因为旧的android浏览器不允许多点触控事件进入javascript运行时。因此,API显示了缩放控件。需要找到一种至少完全显示缩放控件的方法 你能推荐一个CSS补丁吗 PFA缩小按钮未完全渲染的屏幕截图:Android 谷歌地图缩放控件未完全显示,android,google-maps,webview,Android,Google Maps,Webview,我有一个网页,既可以用作网络应用程序,也可以在原生Android网络视图中使用。该网页显示谷歌地图API v3的内容。问题是: 在旧的android设备中,我无法完全看到页面加载时的缩放控件 我理解这是因为旧的android浏览器不允许多点触控事件进入javascript运行时。因此,API显示了缩放控件。需要找到一种至少完全显示缩放控件的方法 你能推荐一个CSS补丁吗 PFA缩小按钮未完全渲染的屏幕截图: Code: HTML: <div class="map
Code:
HTML:
<div class="mapBody">
<div id="map">
</div>
</div>
CSS:
#map {
height: 90%;
width: 100%;
position: absolute !important;
}
代码:
HTML:
CSS:
#地图{
身高:90%;
宽度:100%;
位置:绝对!重要;
}
解决方法:由于显示适用于JS上支持多点触控事件的所有设备,我刚刚在JS中的map实例中添加了以下属性,它基本上指定了控件的位置/控件的类型
zoomControl: true,
zoomControlOptions: {
position: google.maps.ControlPosition.TOP_LEFT
}
注意:这不是一个解决方案,只是我使用的一种变通方法,因为我很匆忙,而且它没有给现有流程带来太多麻烦。@keune:代码附在后面。提前谢谢地图上方有什么内容吗?从你的形象很难看出。如果是这样,它们可能占据了你屏幕的10%以上,因此你的地图不适合。@keune:是的,地图上方有内容。也许这就是我无法看到地图控件的原因。无论如何,应用程序开发已经暂停。所以我不再寻找解决方案。我通过指定控件类型和上角位置解决了这个问题。这显示了非支持设备在所需位置的缩放控件。谷歌文档可以参考其他选项。