如何在混合移动应用程序中使用 google 地图 javascript API 在高密度 android 设备中缩放 google 地图?
How to zoom google map in high density android devices in hybrid mobile app using google map javascript API?
- 这是我的第一个混合应用程序。
- 我的目标是 android(版本 4 +)和 iOS(版本 7+)平台。
- 我正在 windows 平台上开发。
- 我正在使用 phonegap 构建。
我在 apache cordova 上开发了一个混合移动应用程序。我正在使用 google map javascript API 在其中实现地图功能。我在 xhdpi 和 xxhdpi 等高密度设备上遇到地图字体和其他图像缩小的问题。当我将缩放比例增加到地图 div 的 200% 时,标记变得不可点击。
请帮助我优化 xhdpi 和 xxhdpi android 设备中的地图视图。
在 Android xhdpi 设备设备中:
(地图看不清楚)
在 Android 设备中,地图 div 缩放 = 200%
(地图标记点击在这种情况下不起作用)
*注意:相同的代码在 iOS 设备上运行良好,因为我认为 iOS 正在自行扩展它。
您可以控制图标的 scaledSize 属性。
检查这个 link reference#Icon
现在使用视口 属性 和媒体查询解决了这个问题。只需为相应的高密度设备使用初始比例 属性。
- 这是我的第一个混合应用程序。
- 我的目标是 android(版本 4 +)和 iOS(版本 7+)平台。
- 我正在 windows 平台上开发。
- 我正在使用 phonegap 构建。
我在 apache cordova 上开发了一个混合移动应用程序。我正在使用 google map javascript API 在其中实现地图功能。我在 xhdpi 和 xxhdpi 等高密度设备上遇到地图字体和其他图像缩小的问题。当我将缩放比例增加到地图 div 的 200% 时,标记变得不可点击。
请帮助我优化 xhdpi 和 xxhdpi android 设备中的地图视图。
在 Android xhdpi 设备设备中: (地图看不清楚)
在 Android 设备中,地图 div 缩放 = 200% (地图标记点击在这种情况下不起作用)
*注意:相同的代码在 iOS 设备上运行良好,因为我认为 iOS 正在自行扩展它。
您可以控制图标的 scaledSize 属性。 检查这个 link reference#Icon
现在使用视口 属性 和媒体查询解决了这个问题。只需为相应的高密度设备使用初始比例 属性。