6

たとえば、マップの draggableCursor を変更できますが、マップがポリゴンの背後にあるため、変更してもポリゴンのカーソルはポインターのままです。ポリゴンがドラッグ可能であることを明確にするために、ポリゴンのカーソルを「移動」に設定したいと思います。

ポリゴンのカーソルを変更する適切な方法は何ですか? それを行うためのプロパティまたはメソッドはありますか?(Googleのドキュメントを読みましたが、何も見つかりませんでした)

ps。ポリラインではなくポリゴンを使用する理由があるため、ポリラインはオプションではありません。

4

4 に答える 4

8

実際、それは可能のようです。これがアイデアです。
CSS:

.moving,
.moving * {cursor: move !important;} 

js:

google.maps.event.addListener(myPolygon, 'mousemove',
    function(e) {
        if (!isNaN(e.edge) || !isNaN(e.vertex))
            mapCanvas.className = '';
        else
            mapCanvas.className = 'moving';        
    }
);

google.maps.event.addListener(myPolygon, 'mouseout',
    function() {
        mapCanvas.className = '';
    }
);

乾杯!

于 2013-05-16T15:12:05.133 に答える
1

Boris D. Teoharov によって与えられた回答に基づいて構築すると、これはよりきれいになり (jQuery を使用)、マップの残りの部分とまったく同じカーソルを使用し (パス可能なフォールバックを使用)、カーソルがマーカーを切り替えることができます。

CSS:

.moving div { cursor: url('https://maps.gstatic.com/mapfiles/openhand_8_8.cur'), grab; }

JS:

map.data.addListener('mouseover', function() {
    $('#map-container-id').addClass('moving');
});

map.data.addListener('mouseout', function() {
    $('#map-container-id').removeClass('moving');
});
于 2019-05-08T17:25:05.670 に答える