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

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

新規登録して質問してみよう
ただいま回答率
85.50%
Google マップ

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

Q&A

解決済

2回答

4039閲覧

google mapsがandroidでは一瞬表示されてエラーとなります。

hamada_g

総合スコア12

Google マップ

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

0グッド

0クリップ

投稿2016/07/05 04:22

###前提・実現したいこと
GmapsにてGoogle mapを表示しています。
その際に、パソコン上では見れるのですが、androidでは一瞬表示されてエラーとなります。

FirefoxのConsoleで見てみたところ、
「Google maps API is required. Please register the following JavaScript Library https://maps.google.com/maps/api/js.」と表示されています。

原因として考えられるようなものをご存知の方がいましたらご教授ください。
よろしくお願いします。

###該当のソースコード

//読み込み(header。 gmaps.jsはhttp://hpneo.github.io/gmaps/を使用しています) <script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key={{env("GOOGLE_API_KEY")}}"></script> <script src="{{asset("common/js/gmaps.js")}}" type="text/javascript"></script> <script> //挿入したい部分 <div class="googlemap" data_lat="35.6900742" data_lng="139.7126041"> <div class="dispmap_24945" tag="disp"></div> </div> //footer <script> $(document).ready(function(){ $.each($("div.googlemap"),function(){ var map = new GMaps({ div: "."+$(this).find("div").attr("class"), lat: $(this).attr("data_lat"), lng: $(this).attr("data_lng") }); map.addMarker({lat:$(this).attr("data_lat"),lng:$(this).attr("data_lng")}); }); }); </script>

###補足情報(言語/FW/ツール等のバージョンなど)

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

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

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

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

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

mty.ad

2016/07/05 04:52

PCからもAndroidからもアクセスするドメインは一緒ですか? APIキーの認証情報の許可リファラー未登録とかではなくてでしょうか?
hamada_g

2016/07/05 05:22

ありがとうございます。まさかのドメイン違いによる許可リファラー未登録でした。許可されていないと一瞬だけ表示されるのですね。解決しました。
guest

回答2

0

自己解決

mty.admty.adさんの方法により解決しました。

投稿2016/07/05 05:23

hamada_g

総合スコア12

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

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

kei344

2016/07/05 06:45

「mty.admty.adさんの方法」とはどこの情報でしょうか。リンク先などを追記していただけませんか?
hamada_g

2016/07/05 13:06

失礼しました。「情報の追加・修正の依頼がありました」でのmty.adさんのご指摘の部分が問題となっておりました。
kei344

2016/07/05 14:13

ああ、「情報の追加・修正」ですね、すいません見逃していました。 > mty.ad > 2016/07/05 13:52 > PCからもAndroidからもアクセスするドメインは一緒ですか? APIキーの認証情報の許可リファラー未登録とかではなくてでしょうか? > hamada_g > 2016/07/05 14:22 > ありがとうございます。まさかのドメイン違いによる許可リファラー未登録でした。許可されていないと一瞬だけ表示されるのですね。解決しました。
guest

0

「Google maps API is required. Please register the following JavaScript Library https://maps.google.com/maps/api/js.」というメッセージが全てを説明しています。

日本語にすると

Google maps API is required. ⇒ Google maps API(Google Mapsを利用するための関数などからなるライブラリ)が必要です (Google maps APIがインストールされていないのでGoogle Mapsを表示できなかったのだという理由を説明している)

Please register the following JavaScript Library https://maps.google.com/maps/api/js.
⇒ 書いてあるURLにライブラリがあるので、それを登録してください。(登録すれば、Google Mapsが使えますよという、お勧め)

という感じです。

投稿2016/07/05 04:49

coco_bauer

総合スコア6915

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

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

hamada_g

2016/07/05 04:57

ありがとうございます。おそらくその部分は、「<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?key={{env("GOOGLE_API_KEY")}}"></script>」の部分で読み込んでいるはずではあるのですが、androidの場合は登録方法は別なのでしょうか。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問