質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Internet Explorer

Internet Explorer(IE;MSIE)はマイクロソフトが開発したウェブブラウザです。Microsoft Windowsに組み込まれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

1089閲覧

JavaScpirt:IE上で電子コンパスの情報を取得する方法

setuska_nw

総合スコア7

Internet Explorer

Internet Explorer(IE;MSIE)はマイクロソフトが開発したウェブブラウザです。Microsoft Windowsに組み込まれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2020/08/26 11:30

お世話になります。

問題

現在、端末の電子コンパスの情報を取得し、Webブラウザ上に表示した地図情報に重ねて、端末が向いている方向を表示するJavaScriptを書いております。
iPadのSafari上ではdeviceorientationのイベントにて電子コンパスの情報が取得できていたのですが、SurfaceのIEでは取得できないことを確認いたしました。そこで、geolocationのheadingで取得できないか合わせて確認しましたが、こちらも取得できませんでした。
似たようなことをしようとしている質問やページがないか探してみたのですが、これといったものがみつからずの状態です。

SurfaceのIEで電子コンパスの情報を取得することそのものが、不可能なのでしょうか?
ご存知の方、いらっしゃいましたらご教示いただけないでしょうか。

#ソース

var betaVal = 0.000; var directionVal = 0.000; window.addEventListener("deviceorientation", function(eventOrient) { // ベータ軸(仰角) betaVal = eventOrient.beta; if (betaVal == null) { console.log("betaVal is null"); betaVal = 0.0; } // 方位 directionVal = eventOrient.webkitCompassHeading; if (directionVal == null) { `IE上では常にnullになる` directionVal = 0.0; } }, true); var watchInit = false; if ( navigator.geolocation ) { // 現在地を取得 navigator.geolocation.watchPosition( function( position ) { var data = position.coords; var altitude = -1; if (data.altitude != null) { altitude = data.altitude; } if (data.heading != null) {    `IE上では常にNaNになる` console.log("heading is" + data.heading); } else { console.log("heading is null"); } }, function( error ) { console.log("errorNo:" + error.code); }, { "enableHighAccuracy": false, "timeout": 8000, "maximumAge": 2000, } ); }

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

IEは対応しておりません。

デバイスの方向の検出 - Web API | MDN

サポートしていません、とし、逃げるしかないかと・・・。

投稿2020/08/26 15:54

miyabi_takatsuk

総合スコア9555

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

setuska_nw

2020/08/27 08:19 編集

ありがとうございます。 質問後も調べておりましたが、やはり「IEでは非対応」が回答としては正しいようですね。 https://triple-underscore.github.io/deviceorientation-ja.html#worked-example 上記の方法でSurface上のIEで方角算出することはできたのですが、iPadのSafariで確認すると端末の縦横の向きによって算出結果がおかしくなる泥沼になってしまいました。 IEは非対応としてしまいます。
miyabi_takatsuk

2020/08/27 08:27

MDNで記載の通り、実験的な機能ですし、 デバイスのOSの機能を使うという点で、セキュリティ保持も難しいため、 iOS、macOSでは特に、実装をこれ以上進めたく無い感はあります。 (おそらくApple的にはWeb上でやんのは危険だからアプリでやれよ、感があるのかと)
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問