最後の仕上げは、setPointMarker()の中で、xml.phpに現在表示中の地図の端の緯度経度データを渡す部分。なんら問題ありません。地図の表示と緯度経度の取得[GoogleMapsAPIVersion3]でも描いた、map.getBounds()を使えばバッチリです。ul').append(loc);});}});}最後に、用済みになった「地点データを読み込む」ボタンは削除しておきます。完成したコードがこちら。/><div></div></body></html>→動作サンプルできました。すんごい簡単に仕様変更できてしまいました。すごいなぁGoogleMapsAPI。“\n”;?>上記のファイルを読みこもうとすると「情報の読み込みに失敗しました」とエラーがでます。21:19コメントありがとうございます。えーっと、PHPの動くサーバに設置していてパスがあっていれば、動くはずなので...。http://hogehoge/xml.php?ne_lat=35.05128700714346&sw_lat=34.966926352311056&ne_lng=135.81397410095215&sw_lng=135.71097727478028↑の「http://hogehoge/xml.php」のところを、実際に配置したサーバのパス、ファイル名に変えてブラウザでアクセスしてみてください。場所と緯度経度が表示されれば、javascript側のパスに誤りがあると思われます。13:19古い記事ですがとても参考になりました。私も同様のエラー「情報の読み込みに失敗しました」が表示されます。ソースはjqueryのパスを変更したぐらいです。試行錯誤の結果判明した原因は「フォルダー名が日本語」だと上記エラーが出るようです。今後同様のエラーで悩める方への情報としてコメントさせて頂きました。20:34ありがとうございます。サーバー上で動作確認しました。“\n”;?>↑このような形で項目を増やしたい場合HTMLの方もそのままで連動しますでしょうか?見よう見まねで増やしては見たものの読込まなくなってしまいました。11:06コメントありがとうございます。読み込まなくなってしまったのは、xml.phpの出力形式がXML形式でなくなってしまったからだと思います。受け手側はデータがXMLで帰ってくる前提で作ってあるので、XML形式で返してあげる必要があります。“</Locations>\n”;?>こんな感じにすれば動くと思います。全体をタグで、個々の地点データをタグで、地点の各要素には適当なタグをつくってくくってやれば、読み取ることができます。このままではせっかく定義したカテゴリーなどのデータが反映されないので、HTML側(というかJavascript側)では、上記データを読み取って表示する部分を作成する必要があります。完成サンプルコードの123行目で、LocateName変数に読み込んだ地点の名前をセットしているので、たとえばここで...。$(“name”,this).text();みたいな形でセットしてやると表示されます。http://mspec.jp/sample/gmap/sp/にサンプルを置いてみました。カッコよろしくない見た目を調整する場合は、各要素をで区切って、cssで調整するとか、liではなくtableとかにするといいかと思います(jQueryでtableを作っていくのは少し面倒ですが)。13:40pochiさんありがとうございます。すごいですね、どんなことでもご対応いただいて勉強になります。私も色々調べながら勉強中です。最終的には下記のような地図サイトを作ってみたいのですが、なかなかそこまでは技術的に及ばず、思案中です。上記のような形でテキストに座標を張ったリンクを設けて、MAPをはれればベストなんですが、サンプルも未だ見つからずな状態です。10:53コメントありがとうございます。返信が遅くなりました。独り言みたいな内容なのに、コメントをいただけると、モチベーション上がるのでありがたいです。);にしてやると動きます。(本当は、引数の内容をちゃんと精査しないといけなかったり、色々やらんといかんですけど、とりあえず動きます。)http://mspec.jp/sample/gmap/sp3/こんな感じで...。サンプルのようなサイトを作る場合は、データの持たせ方とか色々と考えないといけないですけど(データ量が少ないなら、CSVなどのテキストファイル、多くなったらMySQLなどのDBを考えます。10:58私の前々回のコメントですが...。ソースの一部が欠落してますね...。“</Locations>\n”;?>です。元も一応直しておきます。{die(‘接続失敗です。(!$db_selected){die(‘データベース選択失敗です。{die(‘クエリーが失敗しました。mysql_close($link);?>ブラウザの実行結果画面。西荻窪駅から徒歩1分で静か。)もうやだ35.93664139.7752特別支援学校での実習一日目終了。こんなに疲れたのは久々だが充足感で一杯。http://t.co/S8drSLGこれをjqueryを用いてGooglemapで読み込み実行してみたのですが、xmlの読み込みには成功するのですが、中のタグを取得できないようで、マーカーを設置することができません。一度xmlファイルとして出力し、そのxmlファイルを直接読み込んだ場合はマーカーの設置に成功します。ブラウザはfirefoxを用いてローカルで動作させています。ためしに文字コードをshift-jisで実行してみたのですが、その場合もxmlファイルを直接読み込んだ場合のみマーカーの設置に成功しました。調べたのですが全く原因が分からないので何かアドバイス等ありましたらよろしくお願いします。11:50度々すいません。ブラウザの実行画面で上記だとタグが表示されていませんが、実際にはちゃんと表示されています。10:54うっわー...恥ずかしー><修正しました!ご指摘ありがとうございました。10:57あれ??随分昔にコメントいただいている方がいる。すみません完全に見落としてましたorzごめんなさい。17:26大変勉強になりました。変更させて頂き,mysqlから条件検索を行ってマップに表示させるデータを出力までは出来たのですが,更に検索フォームを追加して,条件を加えてやると,データベースを読み込めなくなりました・・・。説明がざっくりとなってしまい申し訳ありません。よろしければご教授下さいませ。22:48>tempaさま今頃気づいてすみません。書かれているように111行目にあるコードで、キワードデータをphpに渡してやる必要があります。‘xml.php?ne_lat=’+map_ne_lat+’&sw_lat=’+map_sw_lat+’&ne_lng=’+map_ne_lng+’&sw_lng=’+map_sw_lng+’&keyword=’+keyword,とする感じでしょうか。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。コメントデータの処理方法の詳細はこちらをご覧ください。NewMediaThemes。