如何使用谷歌地图javascript API在混合移动应用程序中的高密度安卓设备中缩放谷歌地图？答案

【问题标题】：How to zoom google map in high density android devices in hybrid mobile app using google map javascript API?如何使用谷歌地图javascript API在混合移动应用程序中的高密度安卓设备中缩放谷歌地图？
【发布时间】：2016-02-02 09:35:08
【问题描述】：

这是我的第一个混合应用程序。
我的目标是 android(ver. 4 +) 和 iOS(ver. 7+) 平台。
我正在windows平台上开发。
我正在使用 phonegap 构建。

我在 apache cordova 上开发了一个混合移动应用程序。我正在使用 google map javascript API 在其中实现地图功能。我在 xhdpi 和 xxhdpi 等高密度设备上遇到问题，其中地图字体和其他图像缩小了。当我将缩放增加到地图 div 的 200% 时，标记变得不可点击。

请帮助我优化 xhdpi 和 xxhdpi android 设备中的地图视图。

在 Android xhdpi 设备设备中：（地图看不清楚）

在地图 div 缩放 = 200% 的 Android 设备中（在这种情况下，地图标记点击不起作用）

*注意：相同的代码在 iOS 设备上运行良好，因为我认为 iOS 会自行扩展它。

【问题讨论】：

@shabaz，你的端口视图是什么样的？您可以将该信息添加到您的原始帖子中吗？请在您的帖子中回答以下问题。因为这似乎是你关于这个主题的第一篇文章。这是您的第一个混合应用程序吗？您的目标平台及其目标版本是什么？安卓4、5、6？ iOS 7、8、9？你在什么平台上开发？视窗，MacOS？你在使用CLI, SDK or Build 吗？请不要假设答案，请阅读链接。在 cmets 中回复，以便我知道。
@Jesse 我不知道 portview。这是我的第一个混合应用程序。我的目标是 android(ver. 4 +) 和 iOS(ver. 7+) 平台。我正在windows平台上开发。我正在使用 phonegap 构建。
嗯....您现在最大的问题是无法按照指示进行操作。即便如此，这里还是一个教程。阅读教程和源代码中的README.md。补习：An HTML Boilerplate for Phonegap您的问题与视口有关。它在 README.md 中——这个常见问题解答也应该有所帮助。 Top Mistakes by Developers new to Cordova/Phonegap - 祝你好运
我已经浏览了文档，但我无法理解我在任何文章中的问题。我的观点是，我如何使地图在高密度安卓设备上更具可读性和可点击标记。我是第一次开发该应用程序，但我已经开发了 3 个月，并且我知道使用 phonegap 构建混合应用程序开发的所有基础知识。
您的问题是 viewport。这是课堂上教的第一件事。但是您不知道视口，因此您的三 (3) 个月是徒劳的。 Wikipedia、w3schools、谷歌Android、苹果iOS祝你好运

标签： android cordova google-maps-api-3 phonegap-build multi-device-hybrid-apps

【解决方案1】：

您可以控制图标的 scaledSize 属性。检查此链接reference#Icon

【讨论】：

实际上标记缩放大小没有帮助。请检查我编辑的帖子。我尝试缩放标记图标大小，但它不起作用。

【解决方案2】：

现在通过使用视口属性和媒体查询来解决。只需为相应的高密度设备使用初始比例属性。

【讨论】：