スポンサードリンク

Tag Archives: Google Maps API

MySQL データベースの情報を記述するPHPファイルとは/PHP, MySQL & Google Maps

Google Code から Using PHP/MySQL with Google MapsOutputting XML with PHP を参照

◆XMLファイルのPHPファイルとの出力
データテーブルをMySQLにて作成。
JavaScript呼び出しで検索できるためのXML形式にテーブルデータをエクスポートするためのPHPファイルを作成。
( MySQLデータベースへの接続のためのPHPについては、php.netにてスタディ)
次に、データベース接続情報用のPHPファイルを作成する。(秘密情報を保持のため)
データベース情報は、こんな感じで情報を記載し、phpファイル形式で保存しておく。
Read more »

Google Maps API v2

◆リバースジオコーディング用マップ(地図)・・・・・座標(経度、緯度)表示。ストリートビュージオコーディング、面積、距離算出も。

◆XMLファイルからマーカーデータを読み込む

◆PHP+MySQL

◆アイコン、マーカ

◆インフォウィンドウ(吹き出し)

◆地図にローカル検索窓を追加する

◆たくさんのマーカー(アイコンを)表示する

Google Maps API(グーグルマップ)のマップ埋込ページでスムースに画面をスクロールさせる/smoothscroll.js/javascript

Google Map API(グーグルマップ API)でページのスムーススクロールを動作させる
Google Maps API (Google マップ API)でいくつかのページのスムーススクロールjavascriptを試したがエラー、onclickでインフォウインドウを呼び出してるのだが、うまくいかない。今回見つけたのはイイ。Google Mapを埋め込んだページでも動作。onklickでインフォウィンドウを呼び出すと、マップ位置のアンカーへ移動、そしてインフォウインドウも表示される。グー。しかもアンカーは、div、nameどちらでも大丈夫。
◆header内へのHTMLへの記述
Read more »

Google Maps API キーの収得/Google Maps API

Google Maps APIを始めるには、ともかくGoogle Maps API キーを収得せねば。

Google MAPS API に登録する

MySQL データテーブルにテキストファイルでインポートする/PHP, MySQL & Google Maps

◆テキストファイルに次のように記載。(注意:UTF-8で保存しましょう)

1;35.714559;139.517698;kouen;小金井公園;<a href=”http://waotabi.web.fc2.com/kouen/tokyo-koganei.html” target=”_blank”>詳細リンク</a>;
2;35.763940;139.384980;kouen;野山北・六道山公園;<a href=”http://waotabi.web.fc2.com/kouen/tokyo-noyamakita.html” target=”_blank”>詳細リンク</a>;
3;35.676495;139.491963;kouen;府中の森公園;<a href=”http://waotabi.web.fc2.com/kouen/tokyo-fuchumori.html” target=”_blank”>詳細リンク</a>;
4;35.656227;139.473656;kouen;府中市郷土の森;<a href=”http://waotabi.web.fc2.com/kouen/tokyo-fuchuukyoudounomori.html” target=”_blank”>詳細リンク</a>;
5;35.63740;139.46047;kouen;都立桜ヶ丘公園;<a href=”http://waotabi.web.fc2.com/kouen/tokyo-sakuragaoka.html” target=”_blank”>詳細リンク</a>;自然公園、都内で森林散策ができる。
6;35.682294;139.524779;kouen;都立野川公園;<a href=”http://waotabi.web.fc2.com/kouen/tokyo-nogawa.html” target=”_blank”>詳細リンク</a>;自然公園、遊具は少ないが、自然がいっぱい。バーベキューも。
Read more »

phpMyAdmin で MySQL にデータテーブルを作成するデータベースSQLの作成/PHP, MySQL & Google Maps

◆ともあれ、Google Maps API + PHP + MySQLにて地図を表示させるためには、データベースが無いと始まらないらしいので、phpMyAdminにログイン。

  • 上部のタブ「SQL」をクリック
  • KOUENというデータテーブルを作ろう
  • データベース LA****** 上でクエリを実行する。・・・のフィールドが開くのでそこへ次を記入
CREATE TABLE `KOUEN` (
`id` INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`lat` FLOAT( 10, 6 ) NOT NULL ,
`lng` FLOAT( 10, 6 ) NOT NULL ,
`category` VARCHAR( 30 ) NOT NULL ,
`name` VARCHAR( 60 ) NOT NULL ,
`linkurl` varchar(255) NOT NULL ,
`explanation` varchar(255) NOT NULL ,
`area` varchar( 30 ) NOT NULL ,
`area2` varchar( 30 ) NOT NULL
) ENGINE = MYISAM

※Note; コピペしたときに最後の「,」が全角になってしまうようです。フィールドに貼り付けた後、最後の「,」を半角に!

Read more »

3 / 3123

スポンサードリンク