人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

googlemapで解決案を教えてください。

画面中央以外のマーカーをクリックしたら、そのマーカー位置で吹き出しを出したいのですが、画面中央の吹き出し位置に出てしまいます。

下記ソースでどこに原因があるのでしょうか。

ソース ここから --

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));

//座標と地図倍率を設定
map.setCenter(new GLatLng(35.68208461352774, 139.75364685058594), 15);

//初期画面中央マーカー (mapセンター)
var marker = new GMarker(new GLatLng(35.68208461352774, 139.75364685058594));
map.addOverlay(marker);

//初期画面中央マーカー クリック
GEvent.addListener(marker, "click", function()
{marker.openInfoWindowHtml("ttt<br />aaa<br />bbb");});

//オリジナルマーカーの画像を作成 1
var icon1 = new GIcon();
icon1.image = "a01.png";
icon1.iconSize = new GSize(42, 32);
icon1.iconAnchor = new GPoint(10, 32);

var marker01 = new GMarker(new GLatLng(35.68142229599432,139.74343299865723),icon1);

map.addOverlay(marker01);

GEvent.addListener(marker01, "click", function() {
marker.openInfoWindowHtml("test<hr>text");});

}}//]]>
</script>
ソース ここまで --

●質問者: akide
●カテゴリ:インターネット ウェブ制作
✍キーワード:CDATA Click MAP PNG オリジナル
○ 状態 :終了
└ 回答数 : 2/4件

▽最新の回答へ

1 ● Silvanus
●35ポイント

最終行が

marker.openInfoWindowHtml

ではなく

marker01.openInfoWindowHtml

とすれば良いのでは?

http://code.google.com/intl/ja/apis/maps/documentation/javascrip...

◎質問者からの返答

最終行をmarker01.openInfoWindowHtml

とした場合、吹き出しが出てこなくなります。


2 ● Silvanus
●35ポイント

済みません、もうひとつ見落としていました。

上記の変更以外に、次の一文が必要です。

icon1.infoWindowAnchor = new GPoint(XX, YY);

座標はお好みに合わせて書き換えて下さい。

回答が分かれてしまいまして、誠に申し訳ございませんでした。

http://code.google.com/intl/ja/apis/maps/documentation/javascrip...

◎質問者からの返答

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

ソースに追加してみましたが、ダメなようです。

Silvanusさんはお試し頂けて動作しているようでしたら、ソースを拝見出来ますか。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ