勉三会の資料にストリートビューの資料
投稿者： | カテゴリ Lab, Tips | 2009 年 3 月 30 日
どうも、忙しいと言い訳を連発するかしこです。
勉三会のムービーやら画像をあげれてません。
時間を見つけて必ずアップしますので今しばらくお待ちください。
また先週のサイト紹介ができてません。どうもすいません！
さてさて、本題です。
勉三会で使用したPHPファイルと要望の高かったストリートビュー（以下SB）のネタです。
まず、ダイレクト認証がかかっているので以下のID,Passでアクセスしてください。（フリーで納品したりする際に使うフォルダなので・・・）
ID:35c
Pass:download
解説する必要もないかと思いますがポイントだけ。
===PHP=======================
１．indexファイルのformで（inputタグのvalueの値を）regist.phpへ値を渡しています。【post】
２．regist.phpは受け取った値（$data = $_POST['other'];）をdata.datへ書き込んでいます。【file関数】
３．kakunin.phpでは書き込まれた値を判断してステータスをレンダリングします。具体的にはdata.datファイルに書き込まれた内容を読みにいき、それをvalueという変数に格納します。その変数の値をif文でレンダリングするというわけです。【for(foreach),if,file関数】
シンプルですがPHPの基本が詰まったサンプルです。【】の中身は何をしているのかを記述しているのでググってみてください。
===SB========================
２４行目からのスタイル宣言はSBに必要な要素ですので深く考えずに。
３１行目はGoogleAPIKeyを宣言しているので利用ドメインに対応したAPIKeyを入力してください。
４５行目からはGoogleMapに虫眼鏡アイコンを追加しているのでその設定。
６２行目からはフキダシの設定。
６９行目からはSBのメイン設定。
８７行目からはSBのSB対応エリアをGoogleMap上でブルーに表示させている設定。
あとは３９、７６行目でGoogleMapとSBのレンダリングエリアを指定しているので９４、９５行目で対応するdivを用意しています。
この二つを連動させればgooglemapの緯度経度をPHPで管理するなんてこともできるので次回の勉三会のネタにしてもいいかなぁーと考えたり考えなかったりしてますが・・・
惜しむらくはgooglemapとSBの連動がIEサポートされていない（２００８年冬の時点で）のが残念ですね。いろいろ調べたんですがAPI側で修正パッチをあててくれないことにはどうしようもないそうなので今しばらくお待ちくださいといったところでしょうか。
以上、ネタ資料＆解説でした。
業務連絡。春場所用の基本システム完成してます。
関連記事
- これに関係する記事はござーせん
PHPファイル、勉強させて頂きます。ストリートビューって、円柱形のパノラマ殻みたいですね。テクスチャだけもらってきて、利用できたりしたら面白いかなとおもったり。
業務連絡>>
ごめんなさい。にわかにたてこんで、先週はなにもできなかったので、今週中にワイヤーフレーム描きます。。
わーい！早速ダウンロードして
改めて「すげー」って叫んでます。
ソース見てちょっと泣きそうになりましたが。
えーIEサポートまだだって！なんてこった。
とりあえずなんかイジリ作品できたらアップしますね。
えーーっ！IEで連動はできないんですね～。
知らなかった～。
kakunin.php 参考にします！非常にスマートな書き方ですね(^^)
＞Fuguさん
ストリートヴューの写真は魚眼レンズみたいな半天レンズカメラの様なもので撮影しているので円錐っぽい画像になってるんですよ、きっと。
業務連絡の件はまだゆっくりでいいと思いますよ。むしろワタクシは前半飛ばさないとダメな工程なのでねｗ
＞とんかさん
春場所が終わったら今組んでる基本システムは公開しようと思います。
すげーっていう言葉はその時までとっておいてくださいよｗ
ちなみにストリートビュー単体ならFlashと簡単に連動できるみたいですよ。（聞いただけｗ）
＞棟居さん
すいません、今確認したらIE７は動いてました。こればっかりはAPI側の問題なのでひっそりバージョンアップされていたようですね。
kakunin.php・・・お役に立てればいいんですけどね。（棟居さん書けるじゃん！）