GMap Api V3で中心マーカーを表示させたい

質問

Google Maps Api V3で地図を作っています。

描画した地図の中心に十字マーカーを表示させたいのですが、どのようにすればいいのでしょうか？

マーカー表示はできたのですが、地図をドラッグすると、地図と一緒に移動してしまいます。
dragイベント中に再描画すればいい・・・と考えましたが、具体的にどのようなソースを書けばいいのかわかりません。

ネットで探しているのですが、V2ばかりで、それをV3に応用することができませんでした。
下記URLのようなものをV3で実現したいと考えています。
http://googlemaps.googlermania.com/google_maps_api_v2/map_4-2.html

V3で紹介してあるサイトをご存知の方は教えていただけないでしょうか。
ソースを直接ご指導いただける方でも大歓迎です。
宜しくお願いいたします。

回答No.2

my-- · ベストアンサー

質問者のいうAPI。No.1にあるDOM。2パターン書いてみました。

API 版
http://library.nukimi.com/googlemaps/api-source.html

マップセンターの移動に合わせ地理的座標を取得。それをピクセル座標に変換、再描画
とマーカー位置を維持するための負荷がかかります。
マップドラッグなど、ただでさえマップセンター移動は高負荷の状況ですから
古いIEなどマーカー静止は厳しいかも。

DOM 版
http://library.nukimi.com/googlemaps/dom-source.html

No.1にありますから詳細は略。「ブラウザによってはズレる可能性がある」とのことですが
そこあたりは良く分かりませんでした。

APIの扱いに慣れると地図制作の幅が広がりますし、そういう意味でAPIはありですが
No.1にある通り、私もAPI利用はここじゃない、とやってみて思いました。

お礼

ご回答ありがとうございます。
また、２通りものソースをご提示いただき、ありがとうございます。

オーバーレイではなく、単純にマップ上にマーカーを表示させ、それを中心に固定できれば負荷も減ると思ったのですが、それは素人考えなのかもしれませんね。

ご提示いただいたソースを拝見し、勉強させていただきます。

回答No.3

my--

>> No.2 お礼

OverlayViewクラスがベストってわけじゃないかも知れませんが。。。

はじめにMarkerクラス .setPosition() で単純にやってみましたが、ダメでした。
Google Chromeは流石というか、相性が良いのかそれなりに動きましたけど。

API-Marker 版
http://library.nukimi.com/googlemaps/marker-source.html

実際に確認した方が早い。

お礼

再度ご回答いただきありがとうございます。

なるほど、奇妙な動きですね。
勉強になりました。(^^ゞ
ありがとうございます。

回答No.1

fujillin

マップの表示対象要素とそのサイズはわかっているのでしょうから、位置固定のカーソルを表示したいのであれば、googleAPIを利用する必要がないのではないでしょうか？
マップ上に表示するから、移動したときに再度表示し直す必要が出てしまうので、対象要素の中心に固定で表示するようにしておけば、表示するだけですみそうに思えます。

具体的には、カーソル用のアイコン（又はdivによるヘアカーソルなど）をposition:absoluteでマップ表示用の要素の中央に来るように表示しておくだけ。
そうすれば、スクリプトも不要になりませんか？

お礼

ご回答ありがとうございます。

なるほど、地図とマーカーをHTML上で重ねる発想ですね。
ただし、これだとブラウザによってはズレる可能性があるので、やはりAPI上で描画したいと思います。