2017-08-03 6 views
2

マーカーアイコンの画像を回転しようとしていますが、回転角度がアイコン画像の向きに影響を与えていないようです。GoogleマップJavascript API v3でマーカーアイコン画像を回転させる方法

マーカーの代わりに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}); 
} 
+0

jsfiddleは問題なく動作するように見えますか? –

+0

@MatteoErerera oops、間違ったリンクを投稿しました。今編集しました。問題は、回転は車の画像に影響していません – devN

+0

あなたはPHPサーバー(ホスティングはPHPを許可する)を持っていますか?次に、icon:{url: 'img.php?rot = 135'}を使用して、GDライブラリ(PHPの)を使って画像を$ _GET ['rot']度(この場合135)回転させます。 –

答えて

1

あなたがそのようなイメージのURLを提供するときは、これを行うことはできません。ドキュメントから

は、「文字列が提供されている場合は、URLと文字列とアイコン であるかのように、それが処理されます。」

にはrotateメソッドがありません。 Symbolだけでこれを行うことができます。

関連する問題