- 締切済み
Googlemapに位置情報が表示せれないのですが・・・
Googleのチュートリアル（http://code.google.com/intl/ja/apis/kml/articles/phpmysqlkml.html）を参考にして挑戦しているGooglemaps API／PHP初心者です。 データベースから位置情報をPHPで抽出し、自身のサイトのGooglemapに位置情報を表示する方法について質問させてください。 PHPで位置情報をKML形式で抽出するところまではうまくいっているようなのですが、HTMLに埋め込んだGooglemapに位置情報がまったく表示されずに四苦八苦しております。 どなたか解決方法をご存知の方、お教えいただけませんでしょうか。 -使用サーバ： さくらサーバ（スタンダードコース） -DB： mySQLバージョン5 -PHP： バージョン5 ※HTMLからは、DBからデータを抽出するPHPにリンクさせているのですが、これで良いものでしょうか。 何卒よろしくお願いいたします。
- みんなの回答 （1）
- 専門家の回答
みんなの回答
どのようなPHPスクリプトを作成されているのか分からないので、とりあえず、下記のようなHTMLをPHPで作成するようにしてみてください。JavaScriptの配列変数pos_dataの部分が緯度，経度を示すデータです。 -------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>Sample</title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> var pos_data = [ [35.681382, 139.766084, 20], [35.170694, 136.881637, 19], [34.985458, 135.757755, 20], [36.708311, 136.931668, 19], ]; function initialize() { var random_id = parseInt(Math.random() * pos_data.length); var myOptions = { zoom: pos_data[random_id][2], center: new google.maps.LatLng(pos_data[random_id][0], pos_data[random_id][1]), // disableDefaultUI: true, mapTypeId: google.maps.MapTypeId.SATELLITE } var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); } </script> </head> <body onLoad="initialize();"> <div id="map_canvas" style="width:600px;height:600px;"> </div> </body> </html>
お礼
ご回答いただき、誠にありがとうございます。 まず御礼が大変遅くなりましたことをお詫びします。 お教えいただいた内容を元に試行錯誤していたのですが、 スキル＆知識不足でとても時間がかかっておりました。 いろいろと自分なりに調べてみたところ、KML形式でのデータ抽出 であるというところと、GGeoXMLで表示しようとしているところが 問題でないかと、いう結論に至りつつあります。 以下に同じような問題に直面した方のブログがありました↓。 http://da-studio.blogspot.com/2009/01/ggeoxmlphpkml.html ということで、KMLはやめて、XMLでのデータ抽出で対応しようと 方針転換中です。 スキル不足でスピード感もなく、恥ずかしい限りなのですが、 またアドバイスいただければ幸いです。 ありがとうございました。