Google Street View Image API を使ってみる

準備

◆ JavaScript に関する Web ブラウザの設定

Internet Explorer

インターネットオプションの「セキュリティの設定」で，「スクリプト」→「アクティブ　スクリプトを有効にする」

Firefox

メニューのツール→オプション→Web 機能の設定

Google Street View Image API を使ってストリートビューを表示してみる

【関連する外部ページ】

API キーの取得

https://code.google.com/apis/console で、Google アカウントでログイン

メニューの「Services」をクリック

「Street View Image API サービス」を「オン」にする

「Key for browser apps」のところに API キーが表示されるので確認する

HTML ファイルの例

キャラクタセット (character set): UTF-8
センサー (sensor): false
サイズ: 640x480
緯度: 33.59656025053064
経度: 130.21688103675842
heading(カメラの方向): 180 （北が９と３６０，東が９０，南が１８０、西が２７０）
fov(水平視野): 120　（最大 120 まで）

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
    <head>
        <meta http-equiv="Content-Type" content="text/html; initial-scale=1.0; charset=UTF-8" />
        <meta http-equiv="Content-Style-Type" content="text/css" />
        <meta http-equiv="Content-Script-Type" content="text/javascript" />
        <meta http-equiv="MSThemeCompatible" CONTENT="yes" />
        <title>Insert title here</title>
    </head>
<body>

<img src=//"maps.googleapis.com/maps/api/streetview?size=640x480&heading=180&fov=120&location=33.59656025053064, 130.21688103675842&sensor=false&key="＜API キー＞"> </a>

</body>
</html>

本サイトは金子邦彦研究室のWebページである．

資料等の公開では，原則，「クリエイティブコモンズ BY NC SA」として公開するようにしている． PDFファイル，パワーポイントファイルなどには，「クリエイティブコモンズ BY NC SA」を明記するとともに，ロゴを記載するようにしている（作業が間に合っていない分もあるのでご容赦ください）．

公開している資料をご利用になる場合の，再配布の条件，剽窃の防止などについて，別ページ »で説明再配布や資料改変の際には，そのページをご確認ください．

サイトマップは，サイトマップのページをご覧下さい．本サイト内の検索は，サイト内検索のページをご利用下さい．

問い合わせ先：金子邦彦（かねこくにひこ） [image]