Googleマップのマウスカーソルのカスタムイメージを設定するにはapi v3 map

Question

ページ上のGoogleマップコンポーネントにマウスカーソルを合わせながらカスタムカーソルを使用したいとします。私はプログラム的にカスタムイメージにカーソルを変更し、それをデフォルトのカーソルに戻すことができるようにしたいと思います。私は、これはあなたがいくつかの研究と実験後のオブジェクト

map.setOptions({ draggableCursor: 'default' }); 

「をマッピングする」にデフォルトのカーソルを設定する方法であると信じてい

は、私は次のようにこれを行うための最善の方法だったが見つかりました：

map.setOptions({ draggableCursor: 'url(path/to/your/image.png), crosshair' }); 

cssでは、Webkitのみがカーソル属性のurl値をサポートしているので、他のブラウザはこの場合「crosshair」の値を取得し、地図をクリックする必要があることをユーザに伝える必要があるという問題を解決しました。うまくいけば、これはトラブルグーグルマップ上にカスタムカーソルを設定をしている人を助けhttp://code.google.com/apis/maps/documentation/javascript/reference.html#MapOptions

：

はdraggableCursor属性の詳細については、こちらをGoogleマップAPI v3のドキュメントを参照してください。

Answer 1

マックでは、クロム、サファリ、ファイアフォックスで完璧に動作します。

私は単純に、この使用：

map.setOptions({ draggableCursor : "url(http://s3.amazonaws.com/besport.com_images/status-pin.png), auto" }) 

がPS：私はあなたがあなたのイメージは、特定のブラウザ上で64×64の下にする必要があることをどこかで読ん。試してみる必要はありませんが、多分あなたの問題はそれから来ています。あなたのdraggableCursorとしてSVGを設定するために探している人のために

map.setOptions({draggableCursor: undefined}) 

Answer 2

。私たちの解決策は以下の通りです。

map.setOptions({ draggableCursor : "url(PATH_TO_YOUR_SVG.svg), pointer" }); 

信頼できると思います。

Answer 3

を：あなたはdraggableCursor変数にundefinded ASSINGことができ、デフォルトのカーソルに背面に