ホームページ制作のこと、お気軽にご相談ください

魚沼情報サービスはホームページを制作するだけではなく、ホームページ更新やアクセスアップのためのノウハウの講習、SEO対策などのサポートにも力を入れています。
パソコン教室の運営も行っていますので、パソコン初心者の方でも初歩からホームページ運営に必要な操作やノウハウを無理なく習得することができます。

見積り依頼・お問合せはこちら

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

ホームページのこと

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 にアップデートしたところ、スマホ画面の地図が表示されていますので、このバージョンで運用してみます。

WordPress の固定ページや投稿に地図を表示したいとき、私は Simple 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 キーです。

コメント

  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 より:

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