如何在混合移动应用程序中使用 google 地图 javascript API 在高密度 android 设备中缩放 google 地图?

How to zoom google map in high density android devices in hybrid mobile app using google map javascript API?

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

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

在 Android xhdpi 设备设备中: (地图看不清楚)

在 Android 设备中,地图 div 缩放 = 200% (地图标记点击在这种情况下不起作用)

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

您可以控制图标的 scaledSize 属性。 检查这个 link reference#Icon

现在使用视口 属性 和媒体查询解决了这个问题。只需为相应的高密度设备使用初始比例 属性。