Google MapのAPIを利用して、ストリートビューを貼り付けて自動回転させる、というのをしたいのですが、うまく動作しません。APIを使うのは初めてで、オブジェクト指向はぼんやりしか理解していないというレベルのものです。
ちなみにこちらがサンプルです。
###http://jsfiddle.net/6GBkh/
まず手順ですが、
0. Googleのdeveloper consoleにアクセスする
https://console.developers.google.com/apis/library?project=streetview-rotation2
0. Google Maps JavaScript APIにアクセスする
0. ドメインなどを登録してAPIキーを取得
そして、このように書きました。
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key={AIzaSyAlp9kp2C2W86aPfIop1M-hxO4MNjJ7wxs}"></script> <script> var panorama; function initialize() { var fenway = new google.maps.LatLng(33.8085037,132.8172208); var panoramaOptions = { position: fenway, pov: { heading: 4, pitch: 10 } }; panorama = new google.maps.StreetViewPanorama(document.getElementById('pano'),panoramaOptions); var i = 0; window.setInterval(function () { panorama.setPov({ heading: i, pitch: 10, zoom: 1 }); i += 0.1; }, 10); } google.maps.event.addDomListener(window, 'load', initialize); </script>
このようなコードを書いていますが、ページをロードするとこのように表示されます。
Chromeのコンソールには、
Google Maps API error: InvalidKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#invalid-key-map-error_.bb @ js?key={AIzaSyAlp9kp2C2W86aPfIop1M-hxO4MNjJ7wxs}:32
原因は何かわかりますか?
回答1件
あなたの回答
tips
プレビュー