【问题标题】:How to rotate marker icon image in Google Maps Javascript API v3 [duplicate]如何在 Google Maps Javascript API v3 中旋转标记图标图像 [重复]
【发布时间】:2018-01-10 19:21:42
【问题描述】:

我正在尝试旋转标记图标图像,但旋转角度似乎对图标图像的方向没有任何影响。

我发现为标记提供 svg 路径而不是图像会使旋转按预期工作。

但是在使用图像时有什么方法可以使旋转起作用吗?

jsfiddle of the issue

function updateMap(bearing) {
// var bearing = 135;

console.log(bearing);
var icon = marker.getIcon();
icon.rotation = bearing;
marker.setIcon(icon);

console.log(marker);
}
function initialize() {
   initMap({ Latitude:37.4419, Longitude: -122.1419});
}

【问题讨论】:

  • jsfiddle 似乎可以工作,有什么问题?
  • @MatteoErrera 哎呀,我发布了错误的链接。现在编辑它。问题是旋转对汽车图像没有影响
  • 您有 php 服务器(允许 php 的主机)吗?然后你使用图标:{url:'img.php?rot=135'},然后使用 GD 库(php)将图像旋转 $_GET['rot'] 度(在本例中为 135)
  • 您无法旋转自定义图像。参考developers.google.com/maps/documentation/javascript/3.exp/…符号的路径,可以是内置的符号路径,也可以是使用SVG路径表示法表示的自定义路径。必需的。为此,您需要使用 SVG(可缩放矢量图形)创建图像。

标签: javascript google-maps google-maps-api-3


【解决方案1】:

当你为这样的图片提供 URL 时,你不能这样做。

来自文档:

" 如果提供了字符串,则将其视为图标 将字符串作为 url。”

Icon class 没有rotate 方法。只有 Symbol 允许您这样做。

【讨论】:

  • 我使用符号图标作为标记,但最初可以旋转标记一次,但之后,当通过道具更改其旋转值时,它保持原样。请帮助我在stackoverflow.com/q/51030431/3574669 查询
猜你喜欢
  • 2017-11-29
  • 1970-01-01
  • 2010-12-28
  • 1970-01-01
  • 2018-09-10
  • 2012-05-24
  • 1970-01-01
  • 2016-08-14
  • 1970-01-01
相关资源
最近更新 更多