再度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に防止するためのタグも入れたのですが…原因と対処法がわからず、お手上げ状態です。
お力添えをいただけますと幸いです。
よろしくお願い致します。

回答の条件
  • 1人10回まで
  • 登録:2016/09/17 16:30:18
  • 終了:2016/09/22 16:44:45

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4367ベストアンサー獲得回数18032016/09/19 10:31:18

ポイント1500pt

しかし周辺検索はうまくいくのですが、緯度経度の表示は、「見つかりません」となってしまいます。
http://iphonestation.info/map?lat=43.764056&lng=142.375815

プログラムを直しても良いかなあと思ったのですけれど、今のままでも緯度・経度の指定で検索できます。
例えば、こんな感じ。
http://iphonestation.info/map?address=43.764056,142.375815&zoom=15

http://iphonestation.info/map?address=緯度,経度&zoom=15

パラメータ address に緯度、経度の順でカンマでつなげたものを指定します。。
拡大率の zoom も必須です。

# サイトの Google Map も「緯度,経度」で検索することができて、それと同じロジックになっているのでしょう。

id:sherlockhomeless

遅くなりましてすみません、ありがとうございます!
すごいですね…助かりました。
ありがとうございました。

2016/09/22 16:43:57
  • id:a-kuma3
    スクリプトの貼り付けは正しいと思います。
    ライセンスキーのチェックで、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 が有効になっているか
  • id:sherlockhomeless
    a-kuma3さんいつもありがとうございます。
    もう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>

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

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

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

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