Googleマップの貼り付け

MODXサイトにGoogleMapを貼り付けるには、Googleマップで「ウェブサイトへの地図埋め込み用HTMLコード」をコピーしてから、MODXの管理画面のリソース編集画面で「使用エディター」を「なし」にして、コードを貼り付けます。

MODXリソースへのGoogleMapの貼り付け

場所のアイコンをカスタマイズしてマップを貼り付けるには

Googleマップでは、場所のアイコンのデフォルトが、見た目がパッとしない涙型です。自分のサイトにGoogleマップを貼り付けるときには、このアイコンを変えたほうがきれいです。

アイコンを変えるには、マイマップを使います。

  1. 自分のサイトに貼り付けたい場所をGoogleマップで検索(場所名より所在地で検索するほうが確実)して、場所のアイコンをクリック
  2. 吹き出しの中の「保存
  3. マイマップからマップ名(または新しい地図)を選んで「保存

Googleマップ

「マイプレイス」→「マイマップ」→マップ名

Googleマップ

編集

Googleマップ

  1. 場所名をクリック
  2. 必要に応じて「タイトル」や「説明」を編集
  3. アイコンをクリック

Googleマップ

アイコンを選択

Googleマップ

アイコンが変わったことを確認して「OK」。

Googleマップ

  1. 自分のサイトに貼り付けるマップの表示範囲や縮尺を調整
  2. リンク」ボタン
  3. 埋め込み用HTMLコード」をコピーして、管理画面でリソースに貼り付け
  4. 完了

Googleマップ

関連記事

MODXとは

新着情報

Published on
CORESERVER.JPCORESERVER.JP