Googlemaps API について


現在地を取得してmap上に表示するjavascriptを書いています。
javascriptを書き、APIキーを取得して動作確認をすると、
mac+safari、mac+firefox、android+ブラウザ では正常に動作するのですが、
mac+chrome、iPhone+safari では動作しません。

navigator.geolocation.getCurrentPosition の部分で、
mac+chrome だと、1:PERMISSION_DENIED を返され、
iPhone+safari だと、2:POSITION_UNAVAILABLE を返されます。

ちなみに、APIキーを意図的に変更すると、全環境で動作しなくなります。

また、下記のサンプルサイトだと、どのような環境でもきちんと動作します。
https://syncer.jp/how-to-use-geolocation-api/demo/get-current-position.html

原因と解決策を教えて下さい。

宜しくお願いします。

回答の条件
  • 1人1回まで
  • 13歳以上
  • 登録:2016/11/30 19:22:02
  • 終了:2016/12/01 18:27:20

ベストアンサー

id:tobeoscontinue No.1

tobeoscontinue回答回数212ベストアンサー獲得回数522016/12/01 14:20:23

ポイント100pt

> mac+chrome だと、1:PERMISSION_DENIED を返され、
http://sakura-bird1.hatenablog.com/entry/20120818/1345292442
chromeはローカルサーバーからでは動かないようです。

> iPhone+safari だと、2:POSITION_UNAVAILABLE を返されます。
http://qiita.com/iKenji/items/55143ff10a19a8e9136f
httpsで無いとダメのようです。

id:worldtravel

ありがとうございます。
解決しました。

テストはネット上で行なっていました。

httpsに設置してテストしたところ正常に動きました。

ありがとうございました。

2016/12/01 18:27:11

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません