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>
ソース ここまで --

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:2010/11/15 19:45:02
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答4件)

id:Silvanus No.1

回答回数180ベストアンサー獲得回数71

ポイント35pt

最終行が

marker.openInfoWindowHtml

ではなく

marker01.openInfoWindowHtml

とすれば良いのでは?

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

id:akide

最終行をmarker01.openInfoWindowHtml

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

2010/11/08 20:38:09
id:Silvanus No.2

回答回数180ベストアンサー獲得回数71

ポイント35pt

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

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

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

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

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

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

id:akide

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

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

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

2010/11/08 22:13:20

質問者が未読の回答一覧

 回答者回答受取ベストアンサー回答時間
1 みやこどり 6 4 0 2010-11-10 02:03:22
2 ぽっか 4 2 0 2010-11-11 21:11:25

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません