2013-05-23 6 views
5

Googleマップマーカーがカーソル上にカーソルを置かないようにするにはどうすればよいですか?現在、マーカはマウスの上にマウスを置くとカーソルが手に変わるというリンクのように動作します。ここでホバー上にポインタカーソルスタイルを持つGoogleマップマーカーを停止しますか?

マーカーを作成するコードです:マーカーオプションでfalseに

function addMarkerLargeMap(latlng, myTitle, html, price) { 
    markers.push(new google.maps.Marker({ 
     position: latlng, 
     map: map, 
     title: myTitle, 
     icon: "path-to-my-icon.png", 
     html: "<div style='width:100px;height:auto'>" + html + "</div>", 

     })); 
+0

marker.setCursor({cursor: 'default'}) – PiLHA

答えて

15

セットクリッカブルまた

function addMarkerLargeMap(latlng, myTitle, html, price) { 
    markers.push(new google.maps.Marker({ 
     position: latlng, 
     clickable: false, 
     map: map, 
     title: myTitle, 
     icon: "path-to-my-icon.png", 
     html: "<div style='width:100px;height:auto'>" + html + "</div>", 
     })); 

、あなたはcursorプロパティを設定することができますマーカーオプションの代わりに特定のタイプのカーソルを使用する場合は、マーカーオプションで デフォルト。例えば

cursor: 'crosshair' 

マーカークリッカブルである場合にのみ動作するように思われるが

+1

'clickable:false'を設定すると' title'(ツールチップ)が表示されなくなります。 – 10basetom

0

#main_map img {cursor:default!important;}

+0

Doestは何でもできます。 Iveは#map_canvas imgもマップのIDと同じように試しました。 – Evans

+0

'cursor:pointer'はイメージのインラインスタイルですか?あなたは 'cursor:pointer'を必要とする他の画像を持っていますか?それ以外の場合は、 'img {cursor:default!important; } '。 –

関連する問題