• はてなアカウントでログイン
• 無料ユーザー登録

ベストアンサー

• a-kuma32016/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>
  

  
  

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

  スター

  • 

    8件のコメントを見る

  • sherlockhomeless 2016/08/25 21:27:09

    ありがとうございます、同じミスを繰り返していました…(;^_^
    
    function.phpに指定の文字列 http://scope.minibird.jp/niji-life/archives/289 を入れてpタグが自動挿入されないようにしないとですね。
    
    mapの方はうまく表示されました。
    http://goo.gl/84M8ge
    
    しかしmap2の方は…
    http://goo.gl/d092w2
    
    未だ枠しか表示されない状況です。
    たびたびの質問ですみません、原因と対処法につきまして、お時間ある時にご教授いただきますと幸いです。
    よろしくお願い致します。

    スター

  • a-kuma3 2016/08/25 23:09:43

    しかしmap2の方は…
    　　...
    未だ枠しか表示されない状況です。

    共通の方に入れているスクリプトの中央あたりですが、

                        // 拡大率は 16 まで
                        var zoom_listener = google.maps.event.addListener(map, "idle", function() { 
                            if (map.getZoom() > 16) {
                                map.setZoom(16); 
                            }
                            google.maps.event.removeListener(zoom_listener); 
                        });
    

    これを、以下のようにすると改善しないでしょうか。

                        // 拡大率は 16 まで
                        var zoom_listener = google.maps.event.addListener(map, "idle", function() { 
                            google.maps.event.removeListener(zoom_listener); 
                            if (map.getZoom() > 16) {
                                map.setZoom(16); 
                            }
                        });
    

    removeListener を呼んでいる行の場所を入れ替えてます。

    スター

  • sherlockhomeless 2016/08/26 05:51:09

    書き換えてみたのですが、両方とも表示されなくなってしまいましたね…。
    やはりWordPressの共通headerに、住所表示と周辺スポット表示の両方に対応させるコードを入れるのはよくないのですかね。
    ドメイン下にディレクトリ作って、そのディレクトリ下にあるファイルのヘッダーには周辺スポット検索用のコードを入れて。
    
    住所表示も周辺スポット表示も同一ドメイン内で完結するようにしてみましょうか。

    スター

  • a-kuma3 2016/08/26 09:19:37

    書き換えてみたのですが、両方とも表示されなくなってしまいましたね…。

    二ヶ所ほど、編集ミスを見つけました。

    //  ↓ここに、全角の空白が 9個ほど入ってます。半角の空白にしてください
      　　　　　　　　　 // 拡大率は 16 まで
                        var zoom_listener = google.maps.event.addListener(map, "idle", function() { 
                            google.maps.event.removeListener(zoom_listener); 
                            if (map.getZoom() > 16) {
                                map.setZoom(16); 
                            }
                        });
                    });     // ★この行が無くなってます
    
                } else {
    

    • 「拡大率は 16 まで」のコメントの前が全角の空白になっています
      文法エラーになりますので、半角の空白にしてください
    • }); の行がひとつなくなってます。

    スター

  • sherlockhomeless 2016/08/27 00:10:00

    ありがとうございます、map直りました！
    map2はやはり変わらずですね…。

    スター

  • a-kuma3 2016/08/27 00:30:44

    分かった。
    
    map2 の方に、zoom=10 というようなパラメータを入れてください。
    例えば、こんなふうに。
    http://senzaihoikushi.com/map2?address=%E5%9F%BC%E7%8E%89%E7%9C%8C%E3%81%95%E3%81%84%E3%81%9F%E3%81%BE%E5%B8%82%E5%B2%A9%E6%A7%BB%E5%8C%BA%E7%BE%8E%E5%B9%B8%E7%94%BA%EF%BC%93%E2%88%92%EF%BC%91%EF%BC%98&keyword=%E4%BF%9D%E8%82%B2%E5%9C%92&zoom=10
    数字は、適当で構いません。

    スター

  • sherlockhomeless 2016/08/28 19:29:24

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

    スター

  • a-kuma3 2016/08/28 20:48:26

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

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

    スター

その他の回答

この質問へのコメント

質問の情報

登録日時

2016-08-25 07:39:26

終了日時

2016-08-28 19:29:35

回答条件

1人20回まで

この質問のカテゴリ

• ウェブ制作
• 学習・教育

この質問に含まれるキーワード

人気の質問

• この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…匿名質問者312日前
• 不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者112日前
• 日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者1日前
• 共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者211日前
• 内定してほしいポケモンはいますか？匿名質問者1日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ