文珠川慧久の道楽帳2

turezure naru mama ni

iOS6でGoogleマップを使う方法

2012-10-20 | iPad

iOS5.1.1以前のバージョンを搭載したiOSデバイスで動作するGoogleマップの恩恵を受けていた小生のような利用者にとって、ついうっかりiOS6へバージョンアップしてしまって困っているのは小生だけではありませんでした。SHSHを保存しておけばiOS5.1.1へ戻せたんですが、まさかこんなことになるとは思ってもなく、ネットで検索してよくしらべておけばよかったと後悔先に立たず。そんな困った方々へ、ネットで調べればいくらでも解決策が転がってますが、ここにも転載しておこうと思います。

Google Map

GoogleMap

下記のスクリプトをsafariのURL入力欄にコピペしたあと、その欄のすぐ左側にあるアドレス登録ボタンを押しますと、上記のアイコンを含む機能選択ポップアップが現れますので、適当な名前を付けて登録すれば、ホーム画面に上記のアイコンがあたかもアプリをダウンロードしたがごとく現れます。以降はこのアイコンをあたかもアプリのように選んでやればGoogleマップの機能を利用することができます。もちろんストリートビューもOKです。

-----ここから-----

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-precomposed href="http://mag.torumade.nu/wp-content/uploads/2012/09/google_map_torumade.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,overviewMapControl: true,mapTypeControlOptions: {style:google.maps.MapTypeControlStyle.DROPDOWN_MENU},zoomControl:true,zoomControlOptions: {style: google.maps.ZoomControlStyle.LARGE,position: google.maps.ControlPosition.LEFT_BOTTOM}};map = new google.maps.Map(document.getElementById("canvas"), myOptions);navigator.geolocation.getCurrentPosition(function(position){initialLocation = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);MapSet(initialLocation)})}function MapSet(x){map.setCenter(x);var marker=new google.maps.Marker({map:map,position:x,draggable:true,animation:google.maps.Animation.DROP});google.maps.event.addListener(marker,"click",function(){geocoder.geocode({latLng:marker.getPosition()},function(results){new google.maps.InfoWindow({content:results[0].formatted_address}).open(map, marker);})});google.maps.event.addListener(marker,"dragend",function(){var svp = new google.maps.StreetViewPanorama(document.getElementById("canvas"), {position : marker.getPosition(),enableCloseButton:true});map.setStreetView(svp);})}function codeAddress(){address = document.getElementById("address").value;geocoder.geocode({address:address}, function(results,status){if(status == google.maps.GeocoderStatus.OK){MapSet(results[0].geometry.location)}else{alert("見つかりませんでした")}});}</script></head><body onload=initialize() style="margin:0;"><div style="position:absolute;bottom:0;right:0;z-index:99;"><input id="address" type="textbox" value="現在地"><input type="button" value="検索" onclick="codeAddress()"></div><div id="canvas" style="height:100%"></div></body>

-----ここまで-----



最新の画像もっと見る

1 コメント

コメント日が  古い順  |   新しい順
GoogleMap (小竹です)
2012-10-28 09:57:03
困ったもんですね。
僕の場合は、アイコンをデスクトップへ、を使って呼び出せるようにしました。
返信する

コメントを投稿