Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图API:带有自定义标记图标的旋转_Javascript_Google Maps_Google Maps Api 3_Google Maps Markers - Fatal编程技术网

Javascript 谷歌地图API:带有自定义标记图标的旋转

Javascript 谷歌地图API:带有自定义标记图标的旋转,javascript,google-maps,google-maps-api-3,google-maps-markers,Javascript,Google Maps,Google Maps Api 3,Google Maps Markers,我正在使用Google Map Javascript API,我正在尝试创建一个带有自定义图标的自定义标记,该图标可用于旋转 var marker = new google.maps.Marker({ position: latlng, map: this.map }); marker.setIcon({ url:"assets/icon/nav.png", //path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW, s

我正在使用Google Map Javascript API,我正在尝试创建一个带有自定义图标的自定义标记,该图标可用于旋转

var marker = new google.maps.Marker({
    position: latlng,
    map: this.map
});

marker.setIcon({
  url:"assets/icon/nav.png",
  //path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,
  scale: 1,
  rotation: heading,
  scaledSize: new google.maps.Size(35, 35),
});
旋转属性与代码中注释的行google.maps.SymbolPath.XXXX一起使用,但与我在代码中编写的自定义图标图像不同

所以我想问的是,有没有办法让自定义图标图像旋转?或者从图像创建google.maps.SymbolPath?

1)否,因为没有
旋转属性,以及

2) 是的,您可以,但为此,您需要使用和。您可以查看和了解更多信息

var symbol = {  
    path: "M0 0 H 90 V 90 H 0 L 0 0",
    fillColor: '#FF0000',
    fillOpacity: .5,
    anchor: new google.maps.Point(0, 0),
    strokeWeight: 0,
    scale: .5,
    rotation: 45
}

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(0, 0),
    map: map,
    icon: symbol
});
1) 否,因为没有
旋转属性,并且

2) 是的,您可以,但为此,您需要使用和。您可以查看和了解更多信息

var symbol = {  
    path: "M0 0 H 90 V 90 H 0 L 0 0",
    fillColor: '#FF0000',
    fillOpacity: .5,
    anchor: new google.maps.Point(0, 0),
    strokeWeight: 0,
    scale: .5,
    rotation: 45
}

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(0, 0),
    map: map,
    icon: symbol
});
可能的重复可能的重复