🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
JavaScript

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

Google マップ

Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

Q&A

解決済

1回答

5741閲覧

navigator.geolocation.getCurrentPositionメソッドにおけるPositionErrorのcode: 1エラー

pegy

総合スコア245

JavaScript

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

Google マップ

Google Mapは、Google社がオンラインで提供している地図・ローカル検索サービスです。GIS(Geographic Information System:地理情報システム)の中の「WebGIS」に該当します。地図・航空写真・地形の表示方式があり、それぞれユーザーが縮尺を調整して表示させることができます。地域の情報サービスを検索する機能やルート検索の機能も搭載されています。

0グッド

0クリップ

投稿2019/10/10 10:10

編集2019/10/10 10:15

navigator.geolocation.getCurrentPosition()メソッドを使用ており、特定のPCとスマホで使用した場合にエラーが生じております。
エラー(err)とコードは下記の通りです。

エラーで出力されているhttps://goo.gl/Y0ZkNVを拝見したのですが、ブラウザの設定の問題のようですが、具体的にどの設定にあるのかがわかりませんでした。
エラーが出力されるブラウザは下記の通りです。
PC_GoogleChrome:バージョン: 76.0.3809.132(Official Build) (64 ビット)
スマホ_Safari:604.1

また、PCブラウザもスマホ(Iphone)いずれにおいても位置情報について許可をしております。

もしご存知の方がいればよろしくお願い申し上げます。

PositionError {code: 1, message: "Only secure origins are allowed (see: https://goo.gl/Y0ZkNV)."}

Javascript

1function current() { 2 var opts ={ 3 enableHighAccuracy: true, 4 timeout: 5000, 5 maximumAge: 0 6 } 7 if (navigator.geolocation) { 8 navigator.geolocation.getCurrentPosition(success,fail,opts); 9 } else { 10 alert("位置情報の取得に失敗しました") 11 } 12 13 function success(position){ 14 const currentLat = position.coords.latitude; 15 const currentLng = position.coords.longitude; 16 const latlng =new google.maps.LatLng(currentLat,currentLng); 17 18 map.panTo(latlng); 19 map.setCenter(latlng); 20 map.setZoom(13); 21 22 } 23 function fail(err){ 24 console.log(err);//出力しているエラーは本文の通り 25 alert("ここで今回はエラーが発生しています"); 26 } 27}

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

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

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

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

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

guest

回答1

0

ベストアンサー

Only secure origins are allowed (see: https://goo.gl/Y0ZkNV).

(勝手訳:安全なオリジンのみ許可されます。(参照:https://goo.gl/Y0ZkNV)
とのことです。

MDNによると、

安全なコンテキスト (HTTPS) でのみ利用できます。

Navigator.geolocation - Web API | MDN

とのことです。もしかすると、httpプロトコルなのでは。

投稿2019/10/10 10:21

Lhankor_Mhy

総合スコア36946

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

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

pegy

2019/10/10 13:52

ご回答ありがとうございます。仰る通りのようです。 少なくともChromeはどうもSSL通信でなければ受け入れられないようです。 https://github.com/hpneo/gmaps/issues/487 おそらくSafari側も同じような理由かもしれません。 御礼申し上げます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問