Wordpress

「TCD Google Maps」 プラグインによる 地図の表示ができない問題の解決策

テーマ「GENSEN」からテーマ「JIN」へと切り替える準備を進めている際、「TCD Google Maps」プラグインによる地図の表示ができない事象にぶつかりました。

お店紹介時に欠かせない地図情報!

他のプラグインを使用する方法もありましたが、既存記事を修正するのが大変&投稿画面で地図設定したいのでなんとか地図を表示することができないか試しました。

問題

「TCD Google Maps」プラグインによる地図の表示ができない

TCDのテーマだと問題なく地図が表示できるのですが、JINにすると次のエラーが出てしまい、地図は表示されません。

Uncaught SyntaxError: Unexpected token <

エラーメッセージだけではよくわかりませんが、記事のソースを眺めていると、Javascriptの処理内にpタグが混じっていることを発見!

これはいけません…!

解決策

プラグインエディターでphpファイルを編集

tcd-google-maps/design-plus-google-maps.php の中でJavascriptを表示するここの処理の空の行を削除します。

▼↓例えば、3行目、5行目、9行目の空行を削除

  $map = <<<EOT
    $script

    <div id="$mapId" class="dp-google-map $class" style="height:$height; width:$width; $style"></div>

    <script type="text/javascript">
      var loaded_$mapId = false;
      var timer_$mapId;

      timer_$mapId = setInterval(function(){
(中略)
    </script>
EOT;
//the above line MUST be UNINDENTED

空行を削除することで、Wordpressによるpタグの自動挿入が行われず、Javascriptが正常に動き、Google Mapが表示されます。

pタグの自動挿入を止める、という方法もありますが、そうすると記事のレイアウトが崩れるのでおすすめしません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です