{"id":2872,"date":"2013-06-06T10:23:04","date_gmt":"2013-06-06T01:23:04","guid":{"rendered":"https:\/\/gunmagisgeek.com\/wordpress\/?p=2872"},"modified":"2017-03-09T10:14:58","modified_gmt":"2017-03-09T01:14:58","slug":"post-2872","status":"publish","type":"post","link":"https:\/\/gunmagisgeek.com\/blog\/javascript\/2872","title":{"rendered":"iphone\u306b\u642d\u8f09\u3055\u308c\u3066\u3044\u308b\u30bb\u30f3\u30b5\u30fc(GPS\u4f4d\u7f6e\u60c5\u5831\u3001\u30b8\u30e3\u30a4\u30ed\u30bb\u30f3\u30b5\u30fc\u3001\u96fb\u5b50\u30b3\u30f3\u30d1\u30b9\u3001\u52a0\u901f\u5ea6\u30bb\u30f3\u30b5\u30fc)\u306e\u60c5\u5831\u3092\u53d6\u5f97"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2013\/06\/mobileapi-e1370481850258.jpg\" alt=\"mobileapi\" width=\"588\" height=\"327\" class=\"aligncenter size-full wp-image-2873\" srcset=\"https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2013\/06\/mobileapi-e1370481850258.jpg 588w, https:\/\/gunmagisgeek.com\/blog\/wp-content\/uploads\/2013\/06\/mobileapi-e1370481850258-270x150.jpg 270w\" sizes=\"auto, (max-width: 588px) 100vw, 588px\" \/><\/p>\n<p>\u73fe\u6642\u70b9\u306b\u304a\u3051\u308b\u3001\u30e2\u30d0\u30a4\u30eb\u30c7\u30d0\u30a4\u30b9\u306e\u5404\u30bb\u30f3\u30b5\u30fc\u304b\u3089\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5\u3092\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u305f\u3002<br \/>\niPhone4s\u3067\u3057\u304b\u8a66\u3057\u3066\u3044\u307e\u305b\u3093\u3002<\/p>\n<p><a href=\"\/\/shimz.me\/example\/mobileAPI\/all\/\">example<\/a><br \/>\n(iphone,ipad\u3067\u30a2\u30af\u30bb\u30b9\u3057\u3066\u304f\u3060\u3055\u3044)<\/p>\n<h2>\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9<\/h2>\n<pre class=\"lang:js decode:true \" >\/\/\u4f4d\u7f6e\u60c5\u5831\u53d6\u5f97\r\n window.onload = function(){\r\n    navigator.geolocation.watchPosition(update); \/\/\u73fe\u5728\u4f4d\u7f6e\u60c5\u5831\u3092\u5b9a\u671f\u7684\u306b\u76e3\u8996\r\n\r\n    \/\/ navigator.geolocation.getCurrentPosition(); \/\/\u73fe\u5728\u4f4d\u7f6e\u60c5\u5831\u3092\u53d6\u5f97\r\n    \/\/ navigator.geolocation.clearWatch(); \/\/watchPosition()\u3067\u306e\u76e3\u8996\u3092\u4e2d\u6b62\r\n}\r\nfunction update(position){\r\n    \/\/\u4e0b\u8a18\u3059\u3079\u3066\u306e\u60c5\u5831\u304c\u53d6\u5f97\u3067\u304d\u308b\u308f\u3051\u3067\u306f\u7121\u3044\r\n    var lat = position.coords.latitude; \/\/\u7def\u5ea6\r\n    var lng = position.coords.longitude; \/\/\u7d4c\u5ea6\r\n    var alt = position.coords.altiude; \/\/\u9ad8\u5ea6\r\n    var acc = position.coords.accuracy; \/\/\u7def\u5ea6\u7d4c\u5ea6\u306e\u8aa4\u5dee\r\n    var alc = position.coords.altiudeAccuracy; \/\/\u9ad8\u5ea6\u306e\u8aa4\u5dee\r\n    var hed = position.coords.heading; \/\/\u65b9\u89d2\r\n    var spe = position.coords.speed; \/\/\u30b9\u30d4\u30fc\u30c9\r\n\r\n    var html =&quot;&quot;;\r\n        html += &quot;\u7def\u5ea6:&quot; + lat + &quot;&lt;br&gt;&quot;;\r\n        html += &quot;\u7d4c\u5ea6:&quot; + lng + &quot;&lt;br&gt;&quot;;\r\n        html += &quot;\u9ad8\u5ea6:&quot; + alt + &quot;&lt;br&gt;&quot;;\r\n        html += &quot;\u7def\u5ea6\u7d4c\u5ea6\u8aa4\u5dee:&quot; + acc + &quot;&lt;br&gt;&quot;;\r\n        html += &quot;\u9ad8\u5ea6\u8aa4\u5dee:&quot; + alc + &quot;&lt;br&gt;&quot;;\r\n        html += &quot;\u65b9\u89d2:&quot; + hed + &quot;&lt;br&gt;&quot;;\r\n        html += &quot;\u901f\u5ea6:&quot; + spe + &quot;&lt;br&gt;&quot;;\r\n        \r\n    document.getElementById(&quot;geolocation&quot;).innerHTML = html;\r\n}\r\n\r\n\/\/\u30c7\u30b8\u30bf\u30eb\u30b3\u30f3\u30d1\u30b9\u60c5\u5831\u53d6\u5f97&amp;\u30b8\u30e3\u30a4\u30ed\u30bb\u30f3\u30b5\u30fc\u60c5\u5831\r\nwindow.addEventListener(&quot;deviceorientation&quot;, function(evt){\r\n    \/\/\u30c7\u30b8\u30bf\u30eb\u30b3\u30f3\u30d1\u30b9\u60c5\u5831\u53d6\u5f97\r\n    var ch = evt.webkitCompassHeading;\r\n    var chAcc = evt.webkitCompassAccuracy;\r\n    var html =&quot;&quot;;\r\n        html += &quot;\u65b9\u89d2\uff1a&quot;+ch\r\n        html += &quot;\u3000\u8aa4\u5dee\uff1a&quot;+chAcc;\r\n    document.getElementById(&quot;compass&quot;).innerHTML = html;\r\n    \r\n    \/\/\u30b8\u30e3\u30a4\u30ed\u30bb\u30f3\u30b5\u30fc\u60c5\u5831\u53d6\u5f97\r\n    var alpha = evt.alpha;   \/\/ z-axis\r\n    var beta = evt.beta;     \/\/ x-axis\r\n    var gamma = evt.gamma;   \/\/ y-axis\r\n    var html =&quot;&quot;;\r\n        html += 'Z\u56de\u8ee2(alpha):' + alpha + &quot;&lt;br&gt;&quot;;\r\n        html += &quot;X\u56de\u8ee2(beta):&quot; + beta + &quot;&lt;br&gt;&quot;;\r\n        html += &quot;Y\u56de\u8ee2(gumma):&quot; + gamma;\r\n    document.getElementById(&quot;gyroscope&quot;).innerHTML = html;\r\n    \r\n}, false);\r\n\r\n\/\/\u52a0\u901f\u5ea6\u30bb\u30f3\u30b5\u30fc\u60c5\u5831\u53d6\u5f97\r\nwindow.addEventListener(&quot;devicemotion&quot;, function(evt){\r\n\r\n   \/\/\u52a0\u901f\u5ea6\r\n   var x = evt.acceleration.x;\r\n   var y = evt.acceleration.y;\r\n   var z = evt.acceleration.z;\r\n\r\n\r\n   \/\/\u50be\u304d\r\n   var xg = evt.accelerationIncludingGravity.x; \/\/\u5de6\u53f3\r\n   var yg = evt.accelerationIncludingGravity.y; \/\/\u4e0a\u4e0b\r\n   var zg = evt.accelerationIncludingGravity.z; \/\/\u524d\u5f8c\r\n\r\n   \/\/\u56de\u8ee2\u5024\r\n   var a = evt.rotationRate.alpha; \/\/z\u65b9\u5411\r\n   var b = evt.rotationRate.beta; \/\/x\u65b9\u5411\r\n   var g = evt.rotationRate.gamma; \/\/ y\u65b9\u5411\r\n\r\n    var html =&quot;&quot;;\r\n        html  += &quot;x:&quot;+x+&quot;&lt;br&gt;&quot;;\r\n        html += &quot;y:&quot;+y+&quot;&lt;br&gt;&quot;;\r\n        html += &quot;z:&quot;+z+&quot;&lt;br&gt;&quot;;\r\n        \r\n        html += &quot;\u50be\u304dx:&quot;+xg+&quot;&lt;br&gt;&quot;;\r\n        html += &quot;\u50be\u304dy:&quot;+yg+&quot;&lt;br&gt;&quot;;\r\n        html += &quot;\u50be\u304dz:&quot;+zg+&quot;&lt;br&gt;&quot;;\r\n        \r\n        html += &quot;alpha(z):&quot;+a+&quot;&lt;br&gt;&quot;;\r\n        html += &quot;beta(x):&quot;+b+&quot;&lt;br&gt;&quot;;\r\n        html += &quot;gamma(y):&quot;+g+&quot;&lt;br&gt;&quot;;\r\n\r\n   document.getElementById(&quot;rotation&quot;).innerHTML = html;\r\n\r\n}, true); <\/pre>\n<p>javascript\u3067\u30c7\u30d0\u30a4\u30b9\u306e\u30bb\u30f3\u30b5\u30fc\u306b\u30a2\u30af\u30bb\u30b9\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308b\u306a\u3093\u3066\u2026\u2026\u826f\u3044\u6642\u4ee3\u3067\u3059\u306d\u3002<br \/>\n&#8220;\u4e00\u822c\u4eba\u304cGPS\u3092\u642d\u8f09\u3057\u305f\u30c7\u30d0\u30a4\u30b9\u3092\u808c\u8eab\u96e2\u3055\u305a\u6301\u3061\u6b69\u3044\u3066\u3044\u308b&#8221;\u306a\u3093\u3066\u3053\u3068\u3082\u4eca\u307e\u3067\u306b\u306f\u306a\u304b\u3063\u305f\u3053\u3068\u3067\u3001WebGIS\u3068\u304b\u3068\u7d44\u307f\u5408\u308f\u305b\u305f\u3089\u304d\u3063\u3068\u9762\u767d\u3044\u3053\u3068\u304c\u3067\u304d\u308b\u6c17\u304c\u3057\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u73fe\u6642\u70b9\u306b\u304a\u3051\u308b\u3001\u30e2\u30d0\u30a4\u30eb\u30c7\u30d0\u30a4\u30b9\u306e\u5404\u30bb\u30f3\u30b5\u30fc\u304b\u3089\u60c5&hellip;<\/p>\n","protected":false},"author":1,"featured_media":2873,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31,6],"tags":[],"class_list":["post-2872","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-iphoneipad","category-javascript","has-post-thumbnail-archive"],"_links":{"self":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts\/2872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/comments?post=2872"}],"version-history":[{"count":1,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts\/2872\/revisions"}],"predecessor-version":[{"id":2874,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/posts\/2872\/revisions\/2874"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/media\/2873"}],"wp:attachment":[{"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/media?parent=2872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/categories?post=2872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gunmagisgeek.com\/blog\/wp-json\/wp\/v2\/tags?post=2872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}