地図(Google Maps)の作成、追加、変更

2016.01.08

このエントリーをはてなブックマークに追加

地図(Google Maps)の作成

Google Mapsの地図を作成します。作成した地図はコンテンツパーツ、もしくはブロックレイアウトでお好きな場所に貼り付けることができます。

 

コントロールパネルから作成する場合
  1. コントロールパネルの[design] → [モジュール設定] → [Google Maps]を選択します。
  2.  
    地図(Google Maps)
  3.  
  4. “Google Mapsダイアログ”が表示されます。新しく地図を追加する場合は[追加]ボタン をクリックします。すでに追加されている地図を編集する場合は[編集]ボタンを、削除する場合は[削除]ボタンをクリックしてください。
  5.  
    地図(Google Maps)
  6.  
  7. ダイアログの必要項目を入力します。
  8.  
    地図(Google Maps)
  9.  
    • タイトル
      ダイアログの一覧等に表示されるその地図の名前を入力します。
      ※「'(シングルクォーテーション)」はご使用できません。
    • 住所
      アイコンを表示したい場所の住所を入力します。漢数字は使用できません。都道府県名、ビル・建物名は任意で入力してください。
    • 縮尺
      地図の縮尺サイズを設定します。
    • サイズ
      地図の表示サイズを単位(「%」か「px」)も含めて入力します。
      例:幅100%,高さ350px
    • 吹き出しコメント
      地図上のアイコンをクリックしたときに表示される吹き出し内のコメントを入力します。組織名や住所など、任意の内容を入力してください。
    • 地図下コメント
      地図の下に表示するテキストを入力します。アクセスルートなど、必要に応じて任意の内容を入力してください。
  10. [OK]ボタンをクリックして完了です。
  11.  
コンテンツパーツを追加する際に作成する場合
  1. 追加したい箇所の上にあるコンテンツパーツ上でマウスを長押しします。
  2.  

    地図(Google Maps)

  3.  

  4. “コンテンツパーツパネル”が表示されますので、[パーツの追加]ボタンをクリックします。
  5.  
    地図(Google Maps)
  6.  
  7. 【その他】タブを選択し、表示されるパーツの一覧から「GoogleMaps - 新規作成」をクリックします。
  8.  
    地図(Google Maps)
  9.  
  10. ページ内に新規の地図が作成されます。
  11. 作成した地図の上で右クリックをして表示されたショートカットメニューから[Google Maps] → [プロパティ]を選択します。
  12. “Google Mapsダイアログ”が表示されますので、必要項目を入力します。
  13.  
  14.  
  15. [OK]ボタンをクリックして完了です。
  16.  

地図(Google Maps)の追加

メインコンテンツ内に追加する場合(コンテンツパーツ)
  1. 追加したい箇所の上にあるコンテンツパーツ上でマウスを長押しします。
  2.  

  3.  

  4. “コンテンツパーツパネル”が表示されますので、[パーツの追加]ボタンをクリックします。
  5.  
  6.  
  7.  
  8. コンテンツパーツの一覧から【その他】タブをクリックします。
  9. 登録しているGoogleMapsが表示されますので、その中から掲載したい地図をクリックします。
  10.  
  11.  
  12. ページ内に選択した地図が配置されます。
メインコンテンツ以外のブロックに追加する場合(ブロックレイアウト)

メインコンテンツ以外のブロックに作成した地図を配置したい場合は、そのページを表示させてブロックレイアウトで該当する地図を配置してください。

地図(Google Maps)の変更

追加と同じ方法で“Google Mapsダイアログ”を表示させて、該当地図の右側にある[編集]ボタンをクリックするか、変更したい地図を配置したページを表示させ、変更したい地図の上で右クリックをして表示されたショートカットメニューから[Google Maps] → [プロパティ]を選択して“Google Mapsダイアログ”を表示させます。

 

アイコンの位置調整

場合によっては、ダイアログで入力した住所と少し異なる位置にアイコンが表示されることがあります。その場合は、アイコンの位置調整を行う必要があります。

  1. 変更したい地図を配置したページを表示させます。
  2. アイコンを変更したい地図の上で右クリックをして表示されたショートカットメニューから[Google Maps] → [位置の調整]を選択します。
  3.  
  4.  
  5. アイコンをドラッグして正しい位置まで持っていき、ドロップしてください。この時、アイコンの下に表示される×マークの位置がアイコンが表示される位置になります。
  6.  
  7.  
  8. [保存する]ボタンを押して完了です。
  9.  
  10. 操作マニュアルTOPへ戻る

分からないこと、聞きたいことご相談頂ければわかりやすく・丁寧にお答えいたします。

PAGE TOP