複数のマーカー表示は最初できてたんですが、
住所から座標を取得してマーカーを複数表示ができません。。
<script type="text/javascript">
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map")); //地図を作成
map.setCenter(new GLatLng(35.969115,139.372559), 8); //地図を表示((中心の緯度,経度),縮尺)
map.addControl(new GSmallMapControl()); //マップコントローラを付ける
map.addControl(new GMapTypeControl()); //マップタイプコントローラを付ける
map.addControl(new GScaleControl()); //スケールコントローラを付ける
map.removeMapType(G_HYBRID_MAP); //マップタイプコントローラから地図+写真を削除する
map.enableScrollWheelZoom(); //マウスホイールによるズーム処理を有効化 //マーカー追加プログラム
function addMarker(lat,lng,html) {
var geocoder = new GClientGeocoder();
geocoder.getLatLng
(
lat,
function(point) {
var marker = new GMarker(new GLatLng(point,lng)); //マーカー生成
GEvent.addListener(marker,"mouseover",function(){marker.openInfoWindowHtml(html);});//マーカーにマウスが当たると情報ウィンドウを表示する
map.addOverlay(marker); //マーカーをオーバレイ表示する
}
);
}
//マーカー追加
addMarker("横浜市",'<p>html</p>');
addMarker("東京都",'<p>html</p>');
}
}
</script>
</head>
<body onload="load()" onunload="GUnload()">
中略・・・
初心者なもので、、、
ご回答お願いいたします。
No.1ベストアンサー
- 回答日時:
addMarker関数に若干の修正が必要です。
function addMarker(address, html) {
var geocoder = new GClientGeocoder();
geocoder.getLatLng(address, function(point) {
var marker = new GMarker(point); //マーカー生成
GEvent.addListener(marker,"mouseover",function(){marker.openInfoWindowHtml(html);});//マーカーにマウスが当たると情報ウィンドウを表示する
map.addOverlay(marker); //マーカーをオーバレイ表示する
});
}
ジオコーディング オブジェクト
http://code.google.com/intl/ja/apis/maps/documen …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript WordPressのコンタクトフォーム7にて送信者の位置情報を送らせたい 2 2022/09/14 23:28
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- Google Maps iOS でのgoogle map の地図を写真で表示する方法を教えて下さい。 Windows でgo 2 2023/06/02 09:56
- その他(プログラミング・Web制作) Leafletで画像をon、offさせる方法について 2 2022/11/01 15:34
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ホームページビルダー16 地図...
-
iPhoneサイトにgooglemapを掲載...
-
LightWindowのサイズがおかしい...
-
map = new google.maps.Mapで作...
-
googlemapsとjavascriptの勉強...
-
マイページはどこを開くの
-
デジタル時計の時刻合わせの方...
-
デスクトップ画面を4分割するには
-
ウインドウを毎回同じ位置、大...
-
Excelでワードアートや図を常に...
-
エクセルのシート上に別のシー...
-
ポップアップウィンドウがブロ...
-
Javascript_submit()完了後に処...
-
5ちゃんねる
-
エクセルVBAでフォームのListbo...
-
【Android】ユーザー補助機能ボ...
-
リストビューをスクロールさせ...
-
スライドショーを全画面でなく...
-
Excelで一部分だけを常に表示さ...
-
PDFを(htmlのように)無限に縦...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Yahoo地図でマーカーを表示した...
-
VBAでオブジェクトがありません...
-
【javascript】住所から郵便番...
-
WordのVBAについて
-
googlemapで複数条件絞り込みで...
-
GoogleMap のマーカーに数値を...
-
GoogleMapsでルート内の座標を...
-
GoogleMapお店の情報をJSONで取...
-
google map の画面サイズを小さ...
-
Google Map Api 複数のマーカ...
-
Google マップにマーカーと同心...
-
逆ジオコーディングについて
-
ホワイトボードに水性顔料マー...
-
spanの位置、サイズを取得したい
-
PHPで入力された住所で地図表示
-
googlemap api で複数マーカー表示
-
ホームページの案内地図をマッ...
-
入力した住所の画面内でグーグ...
-
グーグルマップ(Googlemap)を...
-
Google maps API 吹き出しに画像
おすすめ情報