No.1ベストアンサー
- 回答日時:
うまくいきません、だけだとどこが問題かわからないので、もう少し情報を書くようにしましょう。
XMLを読み込んでGoogleマップに独自マップとしてデータを登録する、というのは、シンプルにといってもそれなりの作業が必要です。1. XMLデータの取得。
2. XMLデータをもとに、JavaScriptオブジェクト(XmlDocument)へのパース。
3. XmlDocumentから必要な要素のオブジェクトを取得。
4. Google Maps APIでマーカーを追加するには、まずnew google.maps.LatLngで位置オブジェクトを作成し、それをもとにnew google.maps.Markerでマーカーオブジェクトを作成して組み込む。
Maps API v.3ベースで考えてあります。どこまでできていますでしょうか。これらの処理を実装しないといけないので、シンプルといってもそこそこコードを書かないといけません。
ちなみに、一番引っかかるのが、XMLデータからのパースでしょう。Ajaxを利用して取得するのであれば、responseXMLでパース済みのオブジェクトを取得できます。これが一番簡単なやり方だろうと思います。後は、手順さえわかっていれば難しくはありません。
var map = new google.maps.Map(略);
// Ajaxのコールバック関数
function callback(request){
var xmlDoc = request.responseXML;
var datas = xmlDoc.documentElement.getElementsByTagName("各データの要素");
for (var i = 0; i < datas.length; i++) {
var data = datas[i];
var point = new google.maps.LatLng(data[i].getAttribute("緯度"),data[i].getAttribute("経度"));
var options = {
position: point,
map: map,
title: data[i].getAttribute("タイトル")
};
var marker = new google.maps.Marker(options);
}
}
AjaxでXMLを取得できるなら、コールバック関数での処理はこんな感じになるでしょう。XMLデータの構造などはそれぞれのコードにあわせて修正して下さい。もしAjaxを利用しないということであれば、XMLのパースは別に考えて下さい。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Google Drive Google Drive (G:)の容量を、購入した容量と一致させるにはどうすればよいでしょうか? 1 2022/04/10 22:32
- Excel(エクセル) エクセルで対象日に該当するデータがある場合に別表へ全対象者を表示させたい。 3 2023/07/12 09:48
- PHP phpでこの記述をもっと簡単に書く方法はないでしょうか…? 3 2022/11/16 19:57
- Visual Basic(VBA) 【VBA】データを入力後に,同一シート内に履歴として転記するVBAコードを教えていただきたいです。 3 2022/11/16 01:37
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- Excel(エクセル) [Excel2016] 相関表等の自動作成 2 2022/08/01 20:34
- PHP php my adminより取り出したデータ表示 2 2022/06/15 11:56
- Excel(エクセル) エクセルの散布図で新たに入力した値のデータラベルが空欄になる現象 1 2022/04/26 09:31
- ゴルフ ショットナビクレスト ゴルフ場データ更新について 2 2023/01/01 10:34
- Excel(エクセル) Excel2019 プルダウンで抽出したデータをコピペしたい 3 2023/07/11 09:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
①入力フォーム→②確認表示画面→③...
-
GASでGoogleフォームの自動返信...
-
読み込んだQRコードをフォーム...
-
ジャバスクリプトについて。
-
セレクトを全て選択されていな...
-
ローディングアニメーションの...
-
GASでチェックボックスを一括of...
-
GASに文字列として関数を入れる...
-
初心者です。gulpでコンパイル...
-
var exports = exports || {}; ...
-
ボタンを押したあとに画像を表...
-
IndexedDB を使ってファイルア...
-
React hooksが値を返して配列変...
-
Google scriptについて 至急scr...
-
スマホ上で、左右スワイプで次...
-
ブックマークレットについて
-
jsで、配列内の文章を改行する...
-
追加ボタンを押した際に ok ボ...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
二次元配列を使って順位をだす...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
-
ジャバスクリプトについて。
-
画面遷移を行わずに同一ページ...
-
特定の文字列を複数抜き出した...
-
指定時間になったら、WEBサイト...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
スマホ上で、左右スワイプで次...
-
読み込んだQRコードをフォーム...
-
フロントエンドフレームワーク...
-
React hooksが値を返して配列変...
-
GASでGoogleフォームの自動返信...
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
HTMLで作った時報アプリが動き...
-
jQueryで同じクラス名のものを...
おすすめ情報