プラグインMapPress Easy Google Mapsで地図を埋め込む方法

プラグインMapPress Easy Google Mapsで地図を埋め込む方法をご紹介します。

グーグルマップで埋め込む方法と、Leafletで埋め込む方法をそれぞれ紹介しますね。

グーグルマップの地図埋め込む方法

記事を書いたら、編集画面の下にある「新規マップ」をクリック。

マップタイトルを入力。私の場合は記事で紹介する観光名所の名前を入力しています。（例では「照国神社」）

「POIを追加」という部分に場所の名前か住所を入力します。

正しい場所が地図上で表示されているか確認します。

左のリストにある「日本」という部分、または、地図上のマーカーをクリックします。すると、場所の情報を入力できます。

下は初期設定の画面です。これを編集します。

下のように入力してみました。

編集画面のマーカーをクリックすると、マーカーの表示アイコンを変更することができます。（Pro版のみ）

神社を紹介する記事なので、鳥居のアイコンにしてみました。

お気に入りのアイコンがない場合はFTPを利用して、任意のアイコンをアップロードできます。

入力が終わったら「保存」をクリック。

内容を確認したら、「保存」をクリック。

地図を挿入したい場所にカーソルを充て、「記事へ挿入」をクリックすると、ショートコードが表示されます。

これで完了です。

Leafletの地図を埋め込む方法

2018年7月から、グーグルマップが表示回数に応じて有償になってしまいました。

これに代わるものとして、無償のLeafletの地図を利用できるようになりました。

グーグルマップでは、「POIを追加」に地名や住所を入力すれば、すぐにマーカーを表示できたのですが、Leafletだと表示できない場合が多いです。

まず、グーグルマップで表示させたいマーカーの緯度と経度を求めます。

グーグルマップを開きます。表示させたい場所を検索し、マーカーを右クリック。「この場所について」をクリックします。

画面下部に緯度と経度が表示されるのでコピーします。

緯度経度を貼り付けて、エンターキーを押します。

きちんとマーカーが表示されました♪