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パノラマ貼り付けコード取得 を使うと簡単一発 )
<script type="text/javascript"> createPanoArea(600,400,51.178834,-1.825924,318.75,9.35); </script>
■ 重要2 確認や座標等のデータをストリートを移動しながら取得するには、 HTML 雛形作成 のボディ先頭に貼り付けて、 「GoogleAPIパノラマ貼り付けコード取得」をチェックして 「このページで確認」ボタンをクリックします
【パノラマの関連記事】
|
|
【ブログパーツの最新記事】
- YouTube のサムネイル画像
- Panoramio の設置
- Twitter 縦書き投稿
- Highslide JS のすすめ
- Highslide JS(画像) 用貼り付けコード作成
- ロイターウィジェット
- エキサイトブログで覚えた Twitter 公式ウィジェット
- エキサイトブログから味もそっけも無い返事が来ました。すでに知ってた情報なのですぐ理解できましたが、知らないと「は?」となりそうな表現です
- エキサイトブログはユーザーがスクリプトを書けないですが、強引にある場所から組み込んで Shadowbox を動作させました。
- 2010/02/16 オリジナルがアップデートされたので問題解決です( 旧題 : Shadowbox 3.0 final を IE7(IE6) で Flash を使えるようするには )
- 左右に記事を配置できるようにするテーブルタグを埋め込むブックマークレットをいろいろなブログシステムで使えるようにテスト中
- 自前デコ文字
- Lightbox を使った画像のギャラリー表示を範囲指定で簡単に
- Lightbox を使った画像のギャラリー表示を範囲指定で簡単に
- ブックマークレットでテーブルタグ埋め込み / Seesaa JUGEM livedoorBlog ココログ
- 目覚めのランキング
- 素敵なお嬢さん
- IEとGoogleは相性悪いです。
- Highslide JS 用貼り付けコード作成( HTML汎用 )
- フルスクリーン可能なストリートビュー埋め込み
