Google地图折线未显示并抛出错误

Question

我有Ionic 3应用，我已经把它更新到IONIC 4了。因此，当我使用iOS12的Xcode10编译应用程序时，google地图折线不会渲染并抛出错误。它在IONIC 3和ios 11.3上渲染得非常好，但在更新后，它停止显示:我的代码是：

for (const path of dashedlinePaths) {

  const lineSymbol = {
    path: 'M 0,-1 0,1',
    strokeOpacity: 1,
    scale: 4
  };

  let dashedPath = new google.maps.Polyline({
    path: path,
    geodesic: true,
    strokeOpacity: 0,
    strokeColor: '#ff883c',
    icons: [{
      icon: lineSymbol,
      offset: '0',
      repeat: '20px'
    }]
  });

  dashedPath.setMap(this.googleMap);
}

for (const path of linePaths) {

  let linePath = new google.maps.Polyline({
    path: path,
    geodesic: true,
    strokeColor: '#ff883c',
    strokeOpacity: 1.0,
    strokeWeight: 4
  });

  linePath.setMap(this.googleMap);
}

错误显示如下所示：

TypeError: null is not an object (evaluating 'e.lineJoin="round"')
runTask — polyfills.js:3880
invokeTask — polyfills.js:4017
n — polyfills.js:3457
runTask — polyfills.js:3880

此外，它还显示了如下警告：

Total canvas memory use exceeds the maximum limit (224 MB).lW — poly.js:52:321

另外，当我尝试缩放地图时，出现错误：

TypeError: null is not an object (evaluating 'a.scale')
runTask — polyfills.js:3880
invokeTask — polyfills.js:4017
n — polyfills.js:3457
runTask — polyfills.js:3880

Answer 1

这是iOS Safari上的Google Maps JS SDK中的一个错误。

谷歌已经承认了这一点，这里有两张为此创建的门票，其中一张甚至包含一个小提琴，解释如何重现它。

https://issuetracker.google.com/issues/119875119

https://issuetracker.google.com/issues/115289894