Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 谷歌地图缩放控件未完全显示_Android_Google Maps_Webview - Fatal编程技术网

Android 谷歌地图缩放控件未完全显示

Android 谷歌地图缩放控件未完全显示,android,google-maps,webview,Android,Google Maps,Webview,我有一个网页,既可以用作网络应用程序,也可以在原生Android网络视图中使用。该网页显示谷歌地图API v3的内容。问题是: 在旧的android设备中,我无法完全看到页面加载时的缩放控件 我理解这是因为旧的android浏览器不允许多点触控事件进入javascript运行时。因此,API显示了缩放控件。需要找到一种至少完全显示缩放控件的方法 你能推荐一个CSS补丁吗 PFA缩小按钮未完全渲染的屏幕截图: Code: HTML: <div class="map

我有一个网页,既可以用作网络应用程序,也可以在原生Android网络视图中使用。该网页显示谷歌地图API v3的内容。问题是:

在旧的android设备中,我无法完全看到页面加载时的缩放控件

我理解这是因为旧的android浏览器不允许多点触控事件进入javascript运行时。因此,API显示了缩放控件。需要找到一种至少完全显示缩放控件的方法

你能推荐一个CSS补丁吗

PFA缩小按钮未完全渲染的屏幕截图:

  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:是的,地图上方有内容。也许这就是我无法看到地图控件的原因。无论如何,应用程序开发已经暂停。所以我不再寻找解决方案。我通过指定控件类型和上角位置解决了这个问题。这显示了非支持设备在所需位置的缩放控件。谷歌文档可以参考其他选项。