Google Maps に検索窓を追加して、周辺のレストランとか検索表示できるようにしたくなります。
一番簡単なのが、次の記述をHTMLに追加するだけ。すると地図画面左下に、検索窓が追加表示されます。うーむ簡単すぎる。
広告が表示されてしまうのが残念・・・・。
スポンサードリンク
Category Archives: Google Maps API
マップ（地図）にLocal Search（Google ローカル検索）窓（バー）を追加する。
Posted by 管理人 on 2010年5月8日
None comments | 2,393 views
Youtube 動画を吹き出し（情報ウィンドウ／インフォウィンドウ）に表示するサンプル／Google Maps API
Posted by 管理人 on 2010年5月6日
None comments | 1,282 views
マーカー（アイコン）の種類を変更する／Google Maps API
Posted by 管理人 on 2010年5月5日
None comments | 19,805 views
◆アイコン・マーカの表示の変更
このサンプルマップ、マーカがただの赤い丸じゃつまらないので、Google Maps 標準アイコン(マーカー)以外にもいろいろ変更を試してみる。
◆アイコンとマーカーの一覧表
公園以外にもいろいろ作成したい場合は、こっちのアイコン（マーカー）一覧表からコピーして変更してみて下さい。
カスタムアイコン用の影は、ここで作成できます。
◆HTML Script
ココでは、ただの標準マーカーだった赤いアイコンを、公園を示す緑色の木のマーカーへ変更する。
変更箇所は、赤文字部のみ
Google Maps API／PHP＋MySQLで収得したXMLファイルの日本語の文字化け
Posted by 管理人 on 2010年5月5日
3 comments | 2,693 views
ネットで調べるとphpMyAdmin、MySQL、php（特にphp5）で、文字化けに関する記事が多いこと。 しかも、ナンか根気強く解決に当たらなければいけない雰囲気。 当方素人、困るよな。
しかし、文字化けしたGoogle Maps じゃ。使いもんにならんし・・・・・・はぁ～。
◆データベースとの接続 PHP経由でMySQLからGoogle Maps 位置座標データを収得。 Read more »
PHPエラー／Warning: Cannot modify header information の解決策は、なんと別のphpファイルでした。
Posted by 管理人 on 2010年5月3日
None comments | 1,138 views
作成したデータテーブルのphpファイルにアクセスXMLファイルの生成を試みたら、Warning: Cannot modify header informationのエラーが表示された。
いや～困りました。
PHPを利用しXMLデータをHTMLへ渡そうとしましたが、phpsqlajax_genxml.php のファイル記述で、Warning: Cannot modify header informationのPHPエラーが出てしまい・・・・・あちこちのサイトに書いてあるphp.iniファイルのバッファーうんたらのON/OFFだとか、読み漁りましたが原因がわからず嘆いておりましたが、ふと別のphpファイル「phpsqlajax_dbinfo.php」をみると空白の改行が・・・・・。
PHPを使用したXMLファイルの出力を確認チェックする方法／PHP, MySQL & Google Maps
Posted by 管理人 on 2010年5月3日
None comments | 3,856 views
Google Code から Using PHP/MySQL with Google Maps の Checking that XML output works 項を参照
◆Checking that XML output works 出力された XMLをチェックする。
さてなんと書いてあるのか。
- 先ほどの「kouen-demol.php」PHPスクリプトファイルにブラウザからアクセスし、有効なXMLを確実に呼び出す。
- データベースに接続することに関する問題があると考える場合、
- ブラウザーがXMLを解析しようとする原因になる
- あなたのデバッギングメッセージを見ることを難しくするかもしれない
- ヘッダをtext/xmlにセットするファイルで線を取り外すならば、デバッグするのがより簡単であるとわかるかもしれません。
- スクリプトが正しく働けば、次のようなXML出力が確認できる (phpsqlajax_expectedoutput.xml):
XML形式にテーブルデータをGoogle Mapsで読み出すためのPHPファイルを作成／PHP, MySQL & Google Maps
Posted by 管理人 on 2010年5月3日
2 comments | 5,844 views
Google Code から Using PHP/MySQL with Google Maps の Using PHP’s DOM functions to output XML 項を参照
◆PHP 5の場合は、 「Using PHP’s DOM functions to output XML」を参照と書いてある。
さてなんと書いてあるのか。
- PHPで、最初に新しいXMLドキュメントを初期化する。
- 「marker」親ノードを作成し、その際にデータベースに接続する。
- SELECT*を実行する。(すべて選択)
- 作成したテーブルからのデータを繰り返し引き出す。
- テーブル(各位置)の各行には、XML属性として行属性で新しいXMLノードを作成しておき、親ノードに追加する。
- 表示用XMLが生成される。
注意: utf-8で記述すること。
MySQL データベースの情報を記述するPHPファイルとは／PHP, MySQL & Google Maps
Posted by 管理人 on 2010年5月2日
1 comments | 4,642 views
Google Code から Using PHP/MySQL with Google Maps の Outputting XML with PHP を参照
◆XMLファイルのPHPファイルとの出力
データテーブルをMySQLにて作成。
JavaScript呼び出しで検索できるためのXML形式にテーブルデータをエクスポートするためのPHPファイルを作成。
（ MySQLデータベースへの接続のためのPHPについては、php.netにてスタディ）
次に、データベース接続情報用のPHPファイルを作成する。（秘密情報を保持のため）
データベース情報は、こんな感じで情報を記載し、phpファイル形式で保存しておく。
UTF-8の記述指定の基本フォーマットとGoogle Maps APIキーのUTF-8の指定
Posted by 管理人 on 2010年5月2日
None comments | 701 views
HTMLの最初にUTF-8である記述をしておきましょう。Google Maps APIのキーにもUTF-8を指定しておきます。
◆HTML記述
<?xml version=”1.0″ encoding=”UTF-8“?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” lang=”langOpen” xml:lang=”langOpen”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<meta http-equiv=”Content-Style-Type” content=”text/css” />
<meta http-equiv=”Content-Script-Type” content=”text/javascript” />
<title>●●●●●●●●</title>
<meta name=”keywords” content=”●●●●●●●●,●●●●●●●●” />
<meta name=”description” content=”●●●●●●●●” />
<!– [Google Maps API キー] –>
<script src=”http://maps.google.com/maps?file=api&v=2&key=あなたのキー” type=”text/javascript” charset=”utf-8“></script>
<!– [Google AJAX Search API キー] –>
<script src=”http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAAXo7nprH_h4-e_HfFt7lrORQCY2CLwxHrlUmkZw2-BIEBkr5Y_BRPbMpfcn4yZ-MjOVa5jYmtLNB4Zg” type=”text/javascript charset=”utf-8“></script>
<!– [Google AJAX Search 用リンク記述] –>
<script src=”http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js” type=”text/javascript”></script>
<link href=”http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css” rel=”stylesheet” type=”text/css” />
<link href=”http://www.google.com/uds/css/gsearch.css” rel=”stylesheet” type=”text/css” />
<link rel=”stylesheet” href=”../start/css/layout-5-master.css” type=”text/css” />
</head>
座標（経度、緯度）をマップをクリックして座標（経度、緯度）表示！リバース・ジオコーディング！ストリートビューも／Google Maps API
Posted by 管理人 on 2010年5月2日
None comments | 1,684 views
Google Maps でホームページを作成する際に必ずh儀津用となるのが座標（経度、緯度）を調べること。
をマップをクリックして座標（経度、緯度）表示できるように、リバース・ジオコーディングを利用。
また、ストリートビューのyaw、pitch、zoomも必要になるので、併せて利用。
◆リバースジオコーディング用マップ（地図）
- 単独の座標（経度、緯度）及び住所マーカーを表示。
- 複数の座標（経度、緯度）マーカーを表示。
- ストリートビュー(street view)画面に表示される画像の座標（経度、緯度、yaw、pitch、zoom）
- Google Mapで面積・長さを算出
- Google Earthに表示される画像の座標（カメラ位置、カメラ視点）
スポンサードリンク
