スポンサードリンク

Category Archives: Google

PHPを使用したXMLファイルの出力を確認チェックする方法/PHP, MySQL & Google Maps

Google Code から Using PHP/MySQL with Google MapsChecking that XML output works 項を参照

Checking that XML output works 出力された XMLをチェックする。
さてなんと書いてあるのか。
  • 先ほどの「kouen-demol.phpPHPスクリプトファイルにブラウザからアクセスし、有効なXMLを確実に呼び出す。
  • データベースに接続することに関する問題があると考える場合、
    • ブラウザーがXMLを解析しようとする原因になる
    • あなたのデバッギングメッセージを見ることを難しくするかもしれない
    • ヘッダをtext/xmlにセットするファイルで線を取り外すならば、デバッグするのがより簡単であるとわかるかもしれません。
  • スクリプトが正しく働けば、次のようなXML出力が確認できる (phpsqlajax_expectedoutput.xml):

Read more »

XML形式にテーブルデータをGoogle Mapsで読み出すためのPHPファイルを作成/PHP, MySQL & Google Maps

Google Code から Using PHP/MySQL with Google MapsUsing PHP’s DOM functions to output XML 項を参照

PHP 5の場合は、 「Using PHP’s DOM functions to output XML」を参照と書いてある。
さてなんと書いてあるのか。
  1. PHPで、最初に新しいXMLドキュメントを初期化する。
  2. 「marker」親ノードを作成し、その際にデータベースに接続する。
  3. SELECT*を実行する。(すべて選択)
  4. 作成したテーブルからのデータを繰り返し引き出す。
  5. テーブル(各位置)の各行には、XML属性として行属性で新しいXMLノードを作成しておき、親ノードに追加する。
  6. 表示用XMLが生成される。
注意: utf-8で記述すること。
Read more »

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 »

UTF-8の記述指定の基本フォーマットとGoogle Maps APIキーのUTF-8の指定

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&amp;v=2&amp;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

Google Maps でホームページを作成する際に必ずh儀津用となるのが座標(経度、緯度)を調べること。
をマップをクリックして座標(経度、緯度)表示できるように、リバース・ジオコーディングを利用。
また、ストリートビューのyaw、pitch、zoomも必要になるので、併せて利用。

◆リバースジオコーディング用マップ(地図)

    Google AJAX Search API キーの収得

    Google Maps API 座標(経度、緯度)をマップ(Map)をクリックして座標(経度、緯度)表示!リバース・ジオコーディング2

    AJAX Search API キーへの登録

    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 »

    スポンサードリンク