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

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

ただいまの
回答率

87.37%

Googlemapのリンクを修正したい

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 526

score 14

前提・実現したいこと

WordpressのAdvanced Custom Fieldを使って、web siteにGooglemapを表示させています。
表示されている地図の下にリンクボタンを作って、クリックするとGooglemapの大きな地図を表示するようにしたいです。

発生している問題・エラーメッセージ

リンクをクリックすると、下記のメッセージが表示され、Googlemapに飛んだ時に地図が正常表示されません。

マップで「, 35.681394499556525, 139.76714645767208」は見つかりませんでした


エラーメッセージ最初の「マップで」のすぐ後ろにある「, 」を削除すると正常に地図が表示されますが、該当コードのどこを修正すればこの「, 」が消えてくれるのかが分かりません…。

Chromeのデベロッパーツールを確認しても下記のようになっていました。

<a href="http://maps.google.com/maps?q=+, 35.681394499556525, 139.76714645767208" target="_blank">Googleマップで開く</a>

該当のソースコード

<?php
          if( get_field('google_map') ) {
              $googlemap = get_field('google_map'); ?>
          <script src="//maps.google.com/maps/api/js?key=●●(apiキー)"></script>
          <div id="googlemaps" style="width:100%; height:400px;"></div>
          <script type="text/javascript">
              google.maps.event.addDomListener(window,"load",function(){
                  var mapdiv=document.getElementById("googlemaps");
                  var myOptions = {
                      zoom:16,
                      center:new google.maps.LatLng("<?php echo $googlemap['lat']; ?>","<?php echo $googlemap['lng']; ?>"),
                      mapTypeId:google.maps.MapTypeId.ROADMAP,
                      scaleControl:true
                  };
                  var map=new google.maps.Map(mapdiv,myOptions);
                  var marker=[];
                  var infowindow=[];
                  marker[0]=new google.maps.Marker({
                      position:new google.maps.LatLng("<?php echo $googlemap['lat']; ?>","<?php echo $googlemap['lng']; ?>"),
                      map:map,
                      title:"<?php echo $googlemap['address']; ?>"
                  });
              });
          </script>
          <?php } ?>

          <span class="gms">
<a href="http://maps.google.com/maps?q=<?php echo $location['google_map']; ?>+<?php the_field('google_map'); ?>" target="_blank">Googleマップで開く</a>
</span>
      </div>
  • 気になる質問をクリップする

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

まだ回答がついていません

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

  • ただいまの回答率 87.37%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る