1

我正在开发一个使用 Google Maps API 的 PhoneGap 应用程序。我创建了许多图形的高分辨率版本,以便在更高分辨率的屏幕上显示,它们看起来非常漂亮,但地图图块本身的分辨率非常低且模糊。我们移动网站上的地图图块由基本相同的代码构建而成,更加清晰和美观。(请参阅此处进行全尺寸比较。)

我的视口标签是:

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

如何使地图图块在我的应用程序中看起来更好?

PhoneGap 应用程序和移动网站的比较

4

1 回答 1

2

一直在为同一个问题苦苦挣扎,这似乎是 Phonegap 在启用硬件加速时使用的 WebView 组件中的 DPI 缩放问题,自 Android 4.0 以来默认情况下已打开。

您可以通过将 android:hardwareAccelerated="false" 添加到 AndroidManifest.xml 中的标签来强制禁用硬件加速,地图将再次清晰,但 yoru 应用程序的其余部分可能会更加缓慢,特别是如果您有重HTML/CSS 元素。

另一种解决方案是在您的 index.html 中设置以使视口使用本机屏幕 DPI,但是您的所有应用程序都会看起来很小。

所以不幸的是,我还没有找到任何令人满意的解决方案,而且网上也没有更多关于这个问题的信息。

于 2013-08-01T06:21:01.640 回答