WordPress + Lightning のサイト制作・カスタマイズ・サポートを承ります

WordPress のプラグイン Simple Map でスマホ画面に地図が表示されない不具合の対策

ホームページのこと
WordPress サイト開設スターターパック

2016年9月5日 追記
Simple Map がバージョンアップされて、この記事に書いた作業をしなくてもスマホ画面の地図が表示されるようになりました。現時点の Simple Map の最新バージョンは 2.14.3 です。

2016年10月2日 追記
現時点の Simple Map の最新バージョン 2.14.6 ではスマホ画面の地図が表示されないことがわかり、2.14.3 に戻しました。
サーバ環境によってこのプラグインの挙動が異なるようですので、この記事に書いてあることが他の WordPress サイトには当てはまらないかもしれません。

2016年10月19日 追記
Simple Map 2.14.8 にアップデートしたところ、スマホ画面の地図が表示されていますので、このバージョンで運用してみます。

2024年3月3日 追記
プラグイン Simple Map 4.9.0 を削除しました。
→ この投稿にはショートコードがそのまま表示され、地図が表示されなくなっています。

WordPress の固定ページや投稿に地図を表示したいとき、私は Simple Map というプラグインのお世話になることが多いです。

このプラグインが有効になっていると、かんたんなコードを書くだけで以下のような地図を表示することができます。

[map height=”300px” infowindow=”open” zoom=”14″ addr=”新潟県南魚沼市黒土118″]魚沼情報サービス[/map]

今年6月、Google Maps API キーを取得しないと地図が表示されなくなり(以前から地図を掲載していたサイトではそのまま表示できています)、その後 Simple Map が 2.14.1 にバージョンアップされて Google Maps API キー を設定できるようになりました。

ところが・・・

最近、Simple Map 2.14.1 をインストールしたサイトを制作していて、スマホ画面では地図が表示されないことに気がつきました。

パソコンでは問題ないのですが、スマホだと地図の部分がこんなかんじ(画像のリンク切れ)になってしまいます。

Simple Map でスマホ画面に地図が表示されない

たぶん、Simple Map は次のバージョンアップあたりでこの問題に対応するのではないかと期待していますが、今はそれを待っていることができない状況なので、プラグインのファイルの中味を調べて対策を行いました。

手を加えたファイルは /wp-content/plugins/simple-map/js/simple-map.min.js で、変更箇所は以下の部分です。

WordPress のプラグイン Simple Map でスマホ画面に地図が表示されない不具合の対策

******************************* の部分は Google Maps API キーです。

WordPress サイト制作・カスタマイズ・サポートを承ります

このブログを運営している、魚沼情報サービスの対馬です。ブログをご覧いただき、ありがとうございます。

弊社は、WordPress を使用したサイト制作・カスタマイズ・サポートを全国どこからでも承っています。

ベクトルが販売している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン (VK Blocks Pro ・ VK Filter Search Pro) を使ったサイト制作・カスタマイズを最も得意としています。

遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メールなどを使用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを開設・運用する上で、うまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* アクションフック・フィルターフック・jQuery・CSS によるカスタマイズ
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。

ご要望をうかがった上で費用見積り(無料)を提示させていただきますので、まずはお気軽にお問い合わせください。

ホームページのこと
シェアする
魚沼情報サービスをフォローする

コメント

  1. ナカグマ より:

    はじめまして。
    同じ症状で困っており、ブレークポイントの数字を下げて、スマホでもPCと同じMapを表示させて対応していたのですが、こちらの記事にたどり着き、無事にStatic Mapが表示できました。
    貴重な情報をありがとうございました!m(_ _)m

  2. ナカグマさん、はじめまして。
    Simple Map を使っている人は多いと思いますが、この問題についてはあまり話題になっていないですね。
    情報が見当たらなかったので、記事として投稿しておきました。
    さっそくお役に立ってよかったです。

  3. muratada427 より:

    Simeple Map 2.14.6の最新版を最近使い始めたのですが、スマホでGoogle Static Mapが表示されない症状がでて困っています。いろいろ調べているうちにこちらのページにたどりつき対処方法試してもだめでした。
    2016年9月5日 追記で、その時期の最新バージョン2.14.3では解決済みということのようなのですが、何か原因おわかりになりますでしょうか? Google Static Mapが有効になっていないのかとも思いAPIキーも確認したり、何度か登録し直したりもしてみました。
    現在、breakpoint=”320px”と小さくしてPC表示でごまかしてる状況です。
    情報いただけると助かります。よろしくお願いします。

  4. muratada427 さん、おはようございます。

    2.14.6 は Static Map が表示されませんね。バグかもしれません。

    2.14.3 は表示できています。2.14.3 は以下からダウンロードできます。
    https://downloads.wordpress.org/plugin/simple-map.2.14.3.zip

    このサイトも 2.14.6 にアップデートしてあったのですが、いただいたコメントで問題点に気がつきました。どうもありがとうございます。

  5. muratada427 より:

    確認していただきありがとうございます。
    やっぱり2.14.6はおかしいですか。
    連絡いただいた2.14.3をダウンロードしてアップしようとしたのですが、有効化しようとすると「重大なエラーを引き起こしたため、プラグインを有効化できませんでした。」というエラーが出てしまい使用出来ませんでした。原因不明です。そう言えば、9月上旬に最初にSimple Mapを有効化しようとしたら同じエラーが出てだめだった事を思い出しました。そのうちにバージョンが4.14.6になりアップできたので、使用していたのですが、Google Static Mapのエラーが出てしまったのです。何度も申しわけありませんが、何か2.14.3を有効可する方法はないでしょうか。
    今は、連絡いただいたリンクからファイルをダウンロードして、FTPでpluginフォルダーにアップしてwordpressの方で有効化しています。
    よろしくお願いします。

  6. サーバ環境や詳細なエラーの内容を調べないと原因と対策はわからないです。
    申し訳ありませんが、お役に立てるような情報を持っていません。

  7. muratada427 より:

    そうですよね!いろいろとありがとうございました。
    何か別の方法で考えてみます。