<!-- API のロード --> <script type="text/javascript"> ggmap_apikey ="ABQIAAAADuryzsZi1CenwhafsPEvzBTlxX6exlqfox7R3DL2rE86SPuTyhTaQ7BUC2tKBidUAEn1fGLxVVQR1A"; src_user = "http://maps.google.com/maps?file=api&v=2&sensor=false&key="+ggmap_apikey; document.write( '<' + 'script charset="utf-8" src="' + src_user + '"' + ' type="text/javascript"><' + '/script>' ); </script> <!-- ストリートビュー --> <div name="pano1" id="pano1" style="width:600px;height:400px"></div> <script type="text/javascript"> // ストリートビュー作成 myView_target = new GStreetviewPanorama(document.getElementById("pano1")); var fenwayPark = new GLatLng(43.774903,11.267133); var myPanoView = {yaw:333.11,pitch:-22.19,zoom:0}; myView_target.setLocationAndPOV(fenwayPark, myPanoView); var mylat,mylng; // イベント登録 try { GEvent.addListener(myView_target, "initialized", getTargetLatLng); }catch(e){} try { GEvent.addListener(myView_target, "pitchchanged", function(pitch){ document.getElementById("pitch").value=pitch; }); }catch(e){} try { GEvent.addListener(myView_target, "yawchanged", function(yaw){ document.getElementById("yaw").value=yaw; }); }catch(e){} // イベント用関数 function getTargetLatLng(myLocation) { document.getElementById("lat").value = myLocation.latlng.lat(); document.getElementById("lng").value = myLocation.latlng.lng(); } // 埋め込み取得用 function setNewData() { str=""; str+="<"+"script type=\"text/javascript\"> \n"; str+="createPanoArea(600,400,"+document.getElementById("lat").value str+=","+document.getElementById("lng").value str+=","+document.getElementById("yaw").value str+=","+document.getElementById("pitch").value+",1); \n"; str+="</"+"script> \n"; document.getElementById("newdata").value = str } </script> yaw : <input type="text" id=yaw size=10> pitch : <input type="text" id=pitch size=10> 緯度(lat) : <input type="text" id=lat size=10> 経度(lng) : <input type="text" id=lng size=10> <input type="button" value="新しい位置" onClick='setNewData()'> <br> <span style='font-size:12px;'>yaw : 真北0、東90、南、180、西270 / pitch : 90(真上)〜-90(真下)</span> <br> <TEXTAREA id=newdata onclick='this.select()' style='width:600px;height:60px;'></TEXTAREA> |
|