2012-03-28 5 views
15

Javascript V3 APIを使用してGoogleマップ上のカーソルタイプを動的に変更しています。Google Maps API - デフォルトのカーソルタイプ

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

これは簡単ですが、デフォルトのドラッグ可能なハンドカーソルに戻す方法を理解できません。

どのように私がデフォルトのカーソルタイプを参照できるかの提案。私はデフォルト、自動、手を無駄にしようとしました。以下は、私がそれを変更する前の手の様子です。

enter image description here

答えて

20

それはイメージです:http://maps.gstatic.com/mapfiles/openhand_8_8.cur

cursor: url("https://maps.gstatic.com/mapfiles/openhand_8_8.cur"), default; 

私はそれがどこかに文書化されているかどうかを知りませんが、nullにdraggableCursor-オプションを設定すると、私のためにそれをデフォルトに戻しますより良い選択肢かもしれない。

+2

ありがとうございました。それは素晴らしい仕事でした。 map.setOptions({draggableCursor: 'url(http://maps.gstatic.com/mapfiles/openhand_8_8.cur)、default'})を使用してデフォルトに戻しました。 – snowgage

20

これは私がGoogleマップV3でデフォルトのカーソルの種類を変更するにはいくつかの問題を持っていた私にとって

map.setOptions({draggableCursor:''}); 
+1

ありがとう!最高の答え! –

0

を動作するようです。カーソルを手にしたいときは、mapOptionsの定義でdraggableCursor: 'pointer'を使いますが、小さな手を取り除いて標準的なWebポインタを見たいだけなら、draggableCursorの値は以下のコードのように 'default'。

var mapOptions = { 
    zoom: 8, 
    center: position, 
    mapTypeId: mapTypeId, 
    draggableCursor: 'default' 
    }; 

このツールはいくつかのヘルプ:http://www.birdtheme.org/useful/v3tool.htmlです。