1472078366 Google Places API等を利用した地図表示が自サイトでうまくできない


Google API コンソール で Google Maps JavaScript API ・・・Google Places API Web Service を有効にするアプリケーションの登録
http://goo.gl/arQTKm

を利用して自サイトで地図を表示させようと試みました。
例えば
http://senzaihoikushi.com/saitama/saitama-3/saitama_3_hoikuen10.html
のページにある「≫≫大きい地図で確認」や「●●周辺の保育園を検索」をクリックすると、地図が表示されるというものです。
前回の質問 http://q.hatena.ne.jp/1470778105 でお教えいただいたようにやって、リファラーにも senzaihoikushi.com ドメインを指定したのですが…。

http://senzaihoikushi.com/map
http://senzaihoikushi.com/map2

共に、全く地図が出てこない状況です。
Chromeのデベロッパーツールで調べますと、

map2:221 Uncaught SyntaxError: Unexpected token <
maps.google.co.jp/maps-api-v3/api/js/26/1/intl/ja_ALL/util.js:209 Google Maps API warning: SensorNotRequired https://developers.google.com/maps/documentation/javascript/error-messages#sensor-not-required

というエラーは出ていますが…。

私だけでは解決が難しいので、お力添えをいただきたい次第です。
よろしくお願いします。

回答の条件
  • 1人20回まで
  • 13歳以上
  • 登録:2016/08/25 07:39:26
  • 終了:2016/08/28 19:29:35

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4365ベストアンサー獲得回数18012016/08/25 09:56:53

ポイント2000pt

個別の方に書いているスクリプトで、<script> 内に P タグが入ってしまっています。

map の方。微妙に見切れているかもしれませんが、変になっている行の行末に「※」を追記しています。

<p><script>
window.addEventListener("DOMContentLoaded", function() {
    // パラメータの切り出し
    var param = {}
    location.search.substring(1).split("&").forEach(function(s) {
        var a = s.split('=');
        param[a[0]] = a[1];
    });</p>                                                                 // ※
<p>    var zoom = parseInt(param['zoom']), address = '', keyword = '';</p>  // ※
<p>    if (param['address']) {                                              // ※
        address = decodeURIComponent(param['address']);
    }</p>                                                                   // ※
<p>    display_map("map", zoom, address, keyword);                          // ※
});
</script></p>

map2 の方も、同様です。

<p><script>
window.addEventListener("DOMContentLoaded", function() {
    // パラメータの切り出し
    var param = {}
    location.search.substring(1).split("&").forEach(function(s) {
        var a = s.split('=');
        param[a[0]] = a[1];
    });</p>
<p>    var zoom = parseInt(param['zoom']), address = '', keyword = '';</p>  // ※
<p>    if (param['address']) {                                              // ※
        address = decodeURIComponent(param['address']);
    }
    if (param['keyword']) {
        keyword = decodeURIComponent(param['keyword']);
    }</p>                                                                   // ※
<p>    display_map("map", zoom, address, keyword);                          // ※
});
</script></p>
<div id="map"></div>

スクリプトは、記事の中にではなく、個別ページのテンプレートの方に書いてください。

他6件のコメントを見る
id:sherlockhomeless

遅くなりましてすみません。
さすがa-kuma3さんです…表示されました!
ありがとうございました(^^)

2016/08/28 19:29:24
id:a-kuma3

さすがa-kuma3さんです…表示されました!

長引いてすんません。
最初から想定できてても良かったかなあ、という気がしなくもなく (´・ω・`)

とりあえず、うまくいってホッとしました。

2016/08/28 20:48:26

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

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

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

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

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