【发布时间】:2018-01-10 19:21:42
【问题描述】:
我正在尝试旋转标记图标图像,但旋转角度似乎对图标图像的方向没有任何影响。
我发现为标记提供 svg 路径而不是图像会使旋转按预期工作。
但是在使用图像时有什么方法可以使旋转起作用吗?
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