ポリライン上でポインタの形を変えたいのですが...

[maverik1226]

初歩的な事かもしれませんが、標記のことでハマっています。

マーカー上にマウスポインタを持っていった時の動きを、ポリラインでも行いたいのですが
下記のコードでは上手くいかないです。

GEvent.addListener(polyline, "mouseover", function() {
this.style.cursor="pointer";　←「this.style...」はNullまたはオブジェクトではないエラー発生
});

this.styleをmap.styleに変えたりもしてみましたがダメでした。
何か良い方法を知ってる方がいらっしゃれば、お知恵を貸して下さい。

[Masashi.K]

>maverik1226 さん

いろいろ調べてみましたが、残念ながら無理なようです。

「どうしても」というなら、GPolylineに代わるoverlayを自作するしかないです。
（あとはdocument.getElementsByTagName で補足するとか・・・)

[maverik1226]

Masashi.K　様

レスありがとうございます。

>GPolylineに代わるoverlayを自作するしかないです。
うむむー、ハードル高そうですね。

ひとまずあきらめます、無理っぽいのが分かっただけでも収穫です。
お世話になりました。

[hiroaki]

maverik1226 さん

GPolyline のオブジェクトは DOM ノードではないので CSS スタイルは付けられません。

しかし mouseover と mouseout イベントに反応しますから、そのイベントを捕まえて、
ポリラインの載っている DOM ノードに対して CSS スタイルの cursor に値を付ければよさそうです。

ポリラインの載っている DOM ノードは GMap2.getPane(G_MAP_OVERLAY_LAYER_PANE) で得られます。

サンプルを作りました。

http://homepage.mac.com/hwat/maps/GoogleGroups/thread-7d570e4e05f0c97f.html

[Masashi.K]

>hiroakiさん

Good アイディアですね(^^)b

DOMノードをどうやって取得するか、ここの部分でつまづいたのですが
getPaneは見落としてました。

[maverik1226]

hiroaki 様

レスありがとうございます。

> GPolyline のオブジェクトは DOM ノードではないので CSS スタイルは付けられません。

なるほど。

> しかし mouseover と mouseout イベントに反応しますから、そのイベントを捕まえて、
> ポリラインの載っている DOM ノードに対して CSS スタイルの cursor に値を付ければよさそうです。
> ポリラインの載っている DOM ノードは GMap2.getPane(G_MAP_OVERLAY_LAYER_PANE) で得られます。

GMapのDOM構造は、過去レスをみると非常に複雑そうなので、構造を取得して細工するのは諦めいたところでした。
サンプルまで作っていただき、感謝です。

[maverik1226]

hiroaki 様

実装の報告を忘れていました、申し訳ありません。
下記のように実装し、順調に作動しております。ありがとうございました。
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - -- - - - - - - - - - - - - - - -

//ポリラインにマウスが重なった時に、カーソルの形を変える
GEvent.addListener(polyline, "mouseover", function() {
map.getPane(G_MAP_OVERLAY_LAYER_PANE).style.cursor = 'move';
});

//ポリラインからマウスが離れた時に、カーソルの形を元に戻す
GEvent.addListener(polyline, "mouseout", function() {
map.getPane(G_MAP_OVERLAY_LAYER_PANE).style.cursor = 'auto';
});