nativescript - iOS 中使用 nativescript-google-maps-sdk 的 map 中心错误

Question

在 iOS 中，当我放置标记和 mapView 位置时， map 不会居中显示，但如果我将手机移动到横向并再次旋转到纵向， map 中心显示正常。 在 Android 中运行良好。

您可以在此 GitHub 问题中获取更多信息: https://github.com/dapriett/nativescript-google-maps-sdk/issues/322

Answer 1

我亲自面对过这个问题，发现它基本上是 iOS 上的布局问题。 iOS 对提供给 MapView 的 XML 元素的 height 和 width 属性值的处理有些不同。正如问题本身所述，我们问题的解决方案是在运行时调整 map 大小(因为旋转屏幕会使其通过调整大小的例程)。在 map 渲染的开始应用这种荒谬的逻辑，解决了这个问题。

我是这样做的:

在 XML 中提供 MapView 的 width 值:

<maps:mapView width="100%" mapReady="onMapReady" />

并在onMapReady方法中设置 map 的高度，延迟100毫秒。

/* if you want to set height in DIP */

setTimeout(() => this.mapView.height = 500, 100);

或者如果你想以百分比设置高度

/* [0.85 means 85% here] */

setTimeout(() => this.mapView.height = {
    unit: '%',
    value: 0.85
}, 100);

100 毫秒延迟使其通过 resize 效果。在 iOS 12.1 上测试