Question

我正在使用<google-map>元素，其中<google-map-marker>内部有一个用户位置，标记正确显示但现在我想添加一个旋转，这要归功于我得到的alpha值我的device orientation（该值称为angle），但是尽管调用了我的不同函数，但标记永远不会旋转。我的第一个包括为标记创建自定义样式，如下所示：

<google-map-marker
  id="testMarker"
  latitude="40.741895"
  style$="{{computeMarker(angle)}}"
  icon="{{userIcon}}"
  longitude="-73.989308"></google-map-marker>

我的功能是这样的：

computeMarker: function(angle) {
  console.log("called")
  return 'transform: rotate('+angle+'deg)';
}

我也尝试为我的<google-map-marker>创建一个自定义图标，如上所示，为此，我使用了我在ready（）函数上创建的google map api中的符号：

this.userIcon = {
  path: "M 20.997,20.975 12.196,20.975 10.997,9.005 9.809,20.975 0.997,20.975 10.997,1.505 z",
  fillColor: '#000000',
  fillOpacity: 0.8,
  anchor: { x: 0, y: 0 },
  scale: 1,
  rotation: 95
}

此图标工作正常并且rotation默认值已应用，但当我尝试更改rotation值更改时，我可以在我的控制台中看到它但是上面的标记图标地图不会：

rotateTest: function() {
  this.set('userIcon.rotation',this.angle);
  console.log(this.userIcon.rotation);
  this.notifyPath('userIcon.rotation');
}

我还想使用我的图标path中预定义的Google符号，如下所示：google.maps.SymbolPath.BACKWARD_CLOSED_ARROW 但它没有用。

如果你能告诉我什么是错的，那么我可以旋转我的标记它真的会有所帮助。否则，如果无法直接旋转google-map-marker，我正在考虑在屏幕的一侧创建指南针。

聚合物谷歌地图标记旋转不起作用

0 个答案: