Question

我有一段这样的虚拟代码：

function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -25.363882, lng: 131.044922}
  });

  var someIcon = {
    path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
    fillColor: 'yellow',
    fillOpacity: 0.8,
    scale: 1,
    strokeColor: 'gold',
    strokeWeight: 14
  };

  var marker = new google.maps.Marker({
    position: map.getCenter(),
    icon: someIcon,
    map: map
  });
}

它包含图标someIcon。有时我需要垂直或水平翻转它。不只是轮换。我该怎么做？

为了说明问题，想象一下从左到右行进的骑车人。然后他决定回去旅行，现在他从右到左骑行。他的图标必须水平翻转。

Answer 1

好的，伙计们。为了完成这项任务而不留下未回答的问题，我回答自己。也许这会对某人有所帮助。

没有办法做这样的事情。但是你可以执行一个技巧：在矢量图形编辑器中创建一个空白svg文件，保存文件。使用文本编辑器打开文件，并使用脚本中图标对象的<path>属性中的字符串替换path标记的内容。然后在图形编辑器中再次打开文件并翻转图像。保存。使用文本编辑器打开文件，您将看到所需的<path>内容。将其用作您将使用的另一个图像的path而不是原始图像。

如何翻转google.maps符号？

1 个答案: