iPhoneでもDraftPadにGoogleMapsを内蔵させてみました
ミスったー。
iPod touchで気づきました。スクリプトを削りすぎて地図が小さい。しかもドラッグ系の操作で画面がズレて、検索さえ出来なくなる。これは失敗。直してみました。DraftPadにGoogleMapsを組み込んでみました - W&R : Jazzと読書の日々
Googleがそろそろ地図アプリを発表しそうなので。せっかく作ったWebアプリも風前の灯。仕方ないのでDraftPadに寄生させることにしました。Webアプリの弱点はURLスキームが使えないこと。一度...
Title: GoogleMaps検索
URL: draftpad://self/web?source=<head><title>GoogleMaps</title><meta name=viewport content="initial-scale=1.0,user-scalable=no"><script src=https://maps-api-ssl.google.com/maps/api/js?v=3%26sensor=true type=text/javascript></script><script>var g;var map;function init(){g=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);codeAddress()}function codeAddress(){a=document.getElementById('address').value;g.geocode({address:a},function(results,status){if(status!=google.maps.GeocoderStatus.OK){navigator.geolocation.getCurrentPosition(function(p){x=new google.maps.LatLng(p.coords.latitude,p.coords.longitude);MapSet(x)})}else{MapSet(results[0].geometry.location)}})}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(){g.geocode({latLng:marker.getPosition()},function(results){new google.maps.InfoWindow({content:results[0].formatted_address}).open(map,marker)})})}</script></head><body onload=init() style=margin:0><div id=canvas style=height:100%25></div><div style=position:absolute;bottom:0;right:0;z-index:99><input id=address type=textbox placeholder=現在地 value="<@>"><input type=button value=検索 onclick=codeAddress()></div></body>登録リンクはこちら→ http://tinyurl.com/cl2ohf2
使い方は、地名を書いてアシストを実行。
すると、内蔵ブラウザで地図を表示します。
Googleマップだからストリートビューにも対応。行ったことのない場所でもイメージトレーニングできる。スクリーンショットを撮っておけば、地図の代わりになります。
というか、DraftPadって「エディタ」の範疇を超えてる。万能過ぎ。
DraftPadに地図検索機能を組み込んでみた
