2024年05月 
 1234
567891011
12131415161718
19202122232425
262728293031 
リンク

トリプルマスター 公式サイト
トリプルマスターの公式紹介サイトです。 製品に....

≫すべて表示

定型コンテンツ「会社案内」にGoogleマップを表示する

2011年6月27日15:00:46

サンプル

会社案内(または事業所案内)のページに、Googleマップの表示が出来るようになりました。
いままでのように、地図画像を作成しなくても、簡単に地図を表示できます。
とても使いやすくなっておりますので、ぜひご利用ください。

ブログ:ライン

数字 マイページトップ > 定型コンテンツ > 会社案内(または事業所案内)「編集」を開きます。
まず、「所在地」の「表示」にチェックを入れます。
 ※チェックが入っていないと地図が表示されませんのでご注意ください。  

 googlemap

 

数字 1番下の項目「Googleマップの設定」で、
「◎住所から検索」に任意の住所を入力し、「地図を表示」をクリックします。
※初期は「東京駅」に設定されています。マウスで地図を動かしても設定は可能です。

 googlemap

 図2

 

数字 地図が表示されたら、左上の+-を使って地図の拡大・縮小を調整し、
位置は、地図上でマウスを動かして詳細な場所を設定します
が地図の中央となります) 。

 googlemap

 

数字 「表示」にチェックを入れます。
※チェックが入っていないと地図が表示されませんのでご注意ください。

 GOOGLE

 

マーク16「吹き出し」の入力
吹き出しは地図の中央のしるしをクリックすると表示されます。
テキストを入力できるので、その場所をより明確に説明することができます。
吹き出し

 

たとえば、会社名と電話番号・住所などを吹き出しに入れておくと分かりやすいでしょう。
利用したい時は、任意の文字またはHTMLを入力し、「地図に反映」をクリックします。

図 
(HTMLも利用できるので、タグを入力いただくと画像やリンクを追加することも可能です。)


数字 「設定を保存する」をクリックします。

グーグル 


以上で設定完了です。


複数の支社で地図を掲載したい場合は、
以下の記事をご覧ください。

関連記事 ⇒ フリーコンテンツにGoogleマップを掲載する

 


フリーコンテンツにGoogleマップを掲載する

2011年4月19日18:16:00

Googleマップ設置(フリーコンテンツ)

定型コンテンツと同じように、フリーコンテンツでもGoogleマップの表示が行えるようになりました。1ページに複数の地図を掲載することも可能です。
「支社」や「支店」「営業所」など、拠点にも地図を表示させたい場合 にたいへん便利です。

ブログ:ライン 

数字 あらかじめ、地図を掲載するフリーコンテンツを作成しておきます。

フリーコンテンツ編集画面を開き、地図を掲載したい位置でマウスをクリックして、「Googleマップ」のボタンをクリックします。
フリーコンテンツ

 

数字 “GoogleMapを挿入する”別ウィンドウが開きます。
「住所で検索」欄に、任意の住所を入力して、「検索」をクリックします。
※初期は「東京駅」に設定されています。また、マウスで地図を動かしても設定可能です。
フリコン1

 

数字 地図のサイズを指定する場合は、「サイズ」にピクセル数を入力します。
(サイズが未入力、または自動設定機能にチェックを入れた場合は、自動的に560×360ピクセルで掲載されます)
フリコン2



数字 「吹き出し」の入力
吹き出しは地図の中央のしるしをクリックすると表示されます。
テキストを入力できるので、その場所をより明確に説明することができます。
たとえば、支社の地図を紹介している場合は、支社名と電話番号・住所などを吹き出しに入れておくと分かりやすいでしょう。
表示
(HTMLも利用できるので、タグを入力いただくと画像やリンクを追加することも可能です。)


マーク16 その他の設定
・拡大縮小コントローラー : コントローラーの大きさが変わります
・マップの切替 : 地図・衛星写真を切り替えるボタンの表示・非表示を設定します
図3

 

数字 「挿入」をクリックします。 

挿入 

 

数字 画面に地図が設定された旨が表示されます。
フリコン 表示
※フリーコンテンツの編集画面や、「プレビュー」では地図の確認はできません。
地図の確認は、「コンテンツを保存する」をクリックして実際のホームページで確認するか、
フリーコンテンツ一覧のURL(a○○○○.html)をクリックしてご確認ください。


表示

以上で完了です。

 

マーク16 地図を編集するには
フリーコンテンツの編集画面を開きます。
地図の部分をマウスでクリックして選択し、「Googleマップ」のボタンをクリックすると地図を編集できます。

Googleマップ設置(フリーコンテンツ):地図の編集

地図の内容を変更し、「更新」をクリックすると編集完了です。
(最後のボタンが「挿入」から「更新」に変わります)  

フリコン4

 

定型コンテンツ「会社案内」でGoogleマップを表示したい方は
以下の記事をご覧ください。

関連記事 → 定型コンテンツ「会社案内」にGoogleマップを掲載する