こぼねみ

iPhone/iPad/Android/Windows/Macなどの最新情報をお届け

スポンサーリンク

iPhoneでGoogleストリートビューを使う方法:iOS6、iOS5、iPhone5対応

iPhone、iPod touch、iPadなどiOSデバイスでGoogle Street Viewを使う方法をJazzと読書の日々さんが紹介しています。
iPhone5で試した見た結果がこちら。
iPhone5のホーム画面にGoogleストリートビューのショートカットアイコンを置いたところJR渋谷駅ストリートビュー
左側がiPhone5のホーム画面にGoogleストリートビューのショートカットアイコンを置いたところ(safariの上にあるオレンジの人のアイコンです)。右側がJR渋谷駅のスクランブル交差点のストリートビューです。
やり方は、以前ご紹介したiPhone5、iOS6でGoogleマップWEB版を便利に使う方法と同じです。異なるのは利用するスクリプトです。
下記スクリプトをコピーし、safariで開きスクリプトを貼り付け実行し、ショートカットアイコンとしてホーム画面に登録することで利用できます。詳しい手順は上記リンクをご覧ください。
iPhone上でスクリプトを選択できない場合は、2本指で画面を拡大してから行うとうまく選択できると思います。

data:text/html;charset=UTF-8,<head><meta name=viewport content="initial-scale=1.0, user-scalable=no"><meta name=apple-mobile-web-app-capable content=yes><link rel=apple-touch-icon href="http://googlediscovery.com/wp-content/uploads/pegman.png"><title>StreetView</title><script src="https://maps-api-ssl.google.com/maps/api/js?v=3&sensor=true"type="text/javascript"></script><script>var geocoder;var map;function initialize(){geocoder = new google.maps.Geocoder();myOptions = {zoom:17,mapTypeId:google.maps.MapTypeId.ROADMAP,zoomControl:true,zoomControlOptions: {style: google.maps.ZoomControlStyle.LARGE,position: google.maps.ControlPosition.LEFT_BOTTOM}};map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);navigator.geolocation.getCurrentPosition(function(position){initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);map.setCenter(initialLocation);marker = new google.maps.Marker({map: map,position: initialLocation,animation: google.maps.Animation.DROP});});}function codeAddress() {var address = document.getElementById("address").value;geocoder.geocode({ "address": address}, function(results, status){if(status == google.maps.GeocoderStatus.OK) {map.setCenter(results[0].geometry.location);marker = new google.maps.Marker({map: map,position: results[0].geometry.location,animation: google.maps.Animation.DROP});}else{alert("見つかりませんでした");}});}</script></head><body onload="initialize()"><div><input id="address" type="textbox" value="現在地"><input type="button" value="検索" onclick="codeAddress()"></div><div id="map_canvas" style="height:100%"></div></body>

使い方も簡単です。まず、登録したアイコンをタップし開きます。あとはストリートビューを見たい場所に、左上にあるオレンジの人(ペグマンというのが正式名称)をぐいっと動かして置いてあげれば、その場所のストリートビューが表示されます。
ストリートビューを開いたところオレンジの人をドラッグ&ドロップペグマンを置いたところのストリートビューが表示される
画面左上にいるペグマンを好きな場所にドラッグ&ドロップすれば、その場所のストリートビューが表示される。
パソコンなどでストリートビューを利用するのと同じように、グリグリと指で動かして景色を見ることができます。ストリートビューを消して地図表示に戻るには、右上の小さな「×」印をタップします。iPhoneの画面ではちょっとタップしにくいですが、消せない場合は、一度ホーム画面に戻ればリセットされます。
なお、Jazzと読書の日々さんによれば、このスクリプトをもとにアプリを作り公開した場合、そのアプリによるアクセスが一定以上になると課金される仕組みのようです。Appleは自社製マップを開発した理由の1つとして、こうしたGoogle製の有料データの利用を避ける狙いがあったようです。もちろん、このスクリプトを個人で利用する場合は課金されません。
関連記事

-