再度Google Places API等を利用した地図表示が自サイトでうまくできない
前回の質問でお教えいただいたコード http://q.hatena.ne.jp/1470778105 を、新しく制作したサイトに入れてみて、地図をサイト内に表示しようと試みたのですが。
http://iphonestation.info/map?lat=42.804542&lng=140.52894&zoom=17
http://iphonestation.info/map2?address=%E8%98%AD%E8%B6%8A%E9%A7%85&keyword=%E3%82%BD%E3%83%95%E3%83%88%E3%83%90%E3%83%B3%E3%82%AF&zoom=10/
等にアクセスしても、全く地図が表示されないです。
前回の反省を踏まえ、英字のみドメインにして、<p>タグが入らないようfunction.phpに防止するためのタグも入れたのですが…原因と対処法がわからず、お手上げ状態です。
お力添えをいただけますと幸いです。
よろしくお願い致します。
ベストアンサー
-
a-kuma3
満足1500pt
しかし周辺検索はうまくいくのですが、緯度経度の表示は、「見つかりません」となってしまいます。
http://iphonestation.info/map?lat=43.764056&lng=142.375815プログラムを直しても良いかなあと思ったのですけれど、今のままでも緯度・経度の指定で検索できます。
例えば、こんな感じ。
http://iphonestation.info/map?address=43.764056,142.375815&zoom=15http://iphonestation.info/map?address=緯度,経度&zoom=15
パラメータ address に緯度、経度の順でカンマでつなげたものを指定します。。
拡大率の zoom も必須です。
＃ サイトの Google Map も「緯度,経度」で検索することができて、それと同じロジックになっているのでしょう。 -
その他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2016-09-17 16:30:18
- 終了日時
- 2016-09-22 16:44:45
- 回答条件
- 1人10回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
度々すみません。 私は以前から大学入試・成績など教育関連のネガティブな夢を見ていましたが、ここ最近そ…
hayakushinene
4
-
親族（実家）の犬が無駄吠えをしています。朝方に一時間くらい吠えているらしい。昼にも一時間くらい吠え続…
匿名質問者
22
1
-
学歴詐称ではなくて、貴族称号詐称について伺います。イボンヌの香りという映画で、ロシアの伯爵を詐称して…匿名質問者
-
アスペルガー精神3級会社員男性(34歳独身)です。 元々眠りが浅いのに最近尚更深刻な夢や深く考え過ぎる夢を…hayakushinene1
-
いつもお世話になっています。 自分、インセル予備軍かもしれません。 街中でカップルや夫婦等見ると羨まし…hayakushinene
ライセンスキーのチェックで、Google がエラーを返してます。
>>
"Google Maps API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: http://iphonestation.info/map?lat=42.804542&lng=140.52894&zoom=17"
<<
APIキーは、前回と変えて新しく取りなおしたということで良いんですよね。
まずは、以下の 3点をもう一度確認してみてください。
- API キーが、サイトのソースに正しく入力できているか
- Google の API Manager で、リファラーが正しく設定できているか
- Google の API Manager で、Geocoding API と Places API が有効になっているか
もう1回落ち着いてじっくり、
Google API コンソール で Google Maps JavaScript API Google Maps Geocoding API Google Maps Directions API Google Maps Distance Matrix API Google Maps Elevation API Google Places API Web Service を有効にするアプリケーションの登録
https://console.developers.google.com/flows/enableapi?apiid=maps_backend,geocoding_backend,directions_backend,distance_matrix_backend,elevation_backend,places_backend&keyType=CLIENT_SIDE&reusekey=true&hl=ja
からコードを取得して、慎重に貼り付けると、うまくいきました。
しかし周辺検索はうまくいくのですが、緯度経度の表示は、「見つかりません」となってしまいます。
http://iphonestation.info/map?lat=43.764056&lng=142.375815
以前この質問 http://q.hatena.ne.jp/1470778105 でお教えいただいたコードは、住所の文字列からのスポット表示と周辺スポット表示が同時に可能だったかと思います。
同じように、緯度経度からのスポット表示と周辺スポット表示が同時に可能になるコードが。
もしできるようでしたら、回答欄にてお教えいただきたいのですが。
よろしくお願い致します<m(__)m>