1. 1
Geolocation API
位置情報とPHP連携
Copyright (c) HEART QUAKE All rights reserved .

2. 2
Copyright (c) HEART QUAKE All rights reserved .
Geolocation API
l 複数のピンをたてて、クリックした際に情報を表⽰示
復復習

3. 3
l geo3.htmlを編集します
//省省略略
script src=http://maps.google.com/maps/api/js?
sensor=true/script
script type=text/javascript”
var data = new Array();
data.push({position: new google.maps.LatLng(
35.697745, 139.826395), content: '⻲亀⼾戸'});
data.push({position: new google.maps.LatLng(
35.700295, 139.833692), content: '⻲亀⼾戸⽔水神'});
//次のページへ
Copyright (c) HEART QUAKE All rights reserved .
Geolocation API
ピンを⽴立立てたい場所と
コンテンツを保存する箱
dataにピンを建てる場所と、
コンテンツを保存する
復復習

4. 4
l geo3.htmlをgeo3.phpに名前を変更更します
//省省略略
script src=http://maps.google.com/maps/api/js?
sensor=true/script
script type=text/javascript”
var data = new Array();
data.push({position: new google.maps.LatLng(
35.697745, 139.826395), content: '⻲亀⼾戸'});
data.push({position: new google.maps.LatLng(
35.700295, 139.833692), content: '⻲亀⼾戸⽔水神'});
//次のページへ
Copyright (c) HEART QUAKE All rights reserved .
Geolocation API
この部分をデータベース
登録されている緯度度と経度度
にしたい

5. PHPを始める
echo ”data.push({position: new google.maps.LatLng(
{$kekka[’lat’]},{$kekka[’lng’]}), content: '⻲亀⼾戸'});”;
5
l geo3.htmlをgeo3.phpに名前を変更更します
//省省略略
var data = new Array();
?php
//データベース接続するプログラムを書く
//データベースから緯度度と経度度を取得するSQLを実⾏行行するプログラムを書く
while(true) {
$kekka = mysql_fetch_assoc($result);
if( $kekka == null ){
break;
}else{
}
}
?
Copyright (c) HEART QUAKE All rights reserved .
Geolocation API
data.push・・・の部分をデータベースに⼊入っている
データ件数の分だけ表⽰示する。
PHPでjavascriptのプログラムを⾃自動作成している。

6. 6
Copyright (c) HEART QUAKE All rights reserved .
お疲れ様でした！！