コンテンツ開始

2010年01月11日


パノラマパーツの使い方

1) http://lightbox.on.coocan.jp/createPano.js をダウンロードして自分のサイトに配置

ブラウザでダウンロード
( 自分で配置できない場合は、3) をそのまま使う )

2) そのサイト用のキーを Google から取得
( Google APIキー取得 )

3) 以下のタグをそのページで1回だけ表示される場所に書く(記事より前に)
<script type="text/javascript">
ggmap_apikey = "Googleから取得したキー";
</script>
<script
	type="text/javascript"
	src="http://lightbox.on.coocan.jp/createPano.js"
></script>

■ 重要1
Google MAP からストリートビューを表示後、
リンク部分より座標を取得して以下のように貼り付け
( GoogleAPIパノラマ貼り付けコード取得 を使うと簡単一発 )
Ggsview_data
<script type="text/javascript">
createPanoArea(600,400,51.178834,-1.825924,318.75,9.35);
</script>

■ 重要2

確認や座標等のデータをストリートを移動しながら取得するには、
HTML 雛形作成 のボディ先頭に貼り付けて、
「GoogleAPIパノラマ貼り付けコード取得」をチェックして
「このページで確認」ボタンをクリックします

Ggsview_data2

【ブログパーツの最新記事】
posted by at 2010-01-11 17:34 | ブログパーツ | このブログの読者になる | 更新情報をチェックする
コンテンツ終了
右サイド開始
コンテナ終了
base 終了
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX