人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

宜しくお願いします。


●質問者: worldtravel
●カテゴリ:コンピュータ ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● tobeoscontinue
●100ポイント ベストアンサー

> 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で無いとダメのようです。


worldtravelさんのコメント
ありがとうございます。 解決しました。 テストはネット上で行なっていました。 httpsに設置してテストしたところ正常に動きました。 ありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ