こんにちは。
アイコックのHPのアクセスページでは、
会社の地図をイラスト画像とGoogleマップを埋め込んで表示しています。
今回はマップの表示についてのメモ書きです。
Googleマップを埋め込む方法は以下のとおり。
1.googleマップを開きます。
2.左上の検索窓に住所を入れるなどして該当箇所を検索します。
3.右下の設定メニューで「地図を共有または埋め込む」を選択すると
埋め込み用のコードが表示されるので、ページ内の表示したい箇所にコピペします。
これで地図は表示されますが、
埋め込んだマップの左上に吹き出しのようなもの（情報ウィンドウ？）が表示され
表示スペースが小さいと、少し見にくいと感じてしまいます。
そこで、地図(iflame)のサイズをある程度大きくし
表示させたいサイズを指定したdivで囲んでみたところ、
とりあえず、見た目上表示されない感じになりました。
しばらくはこの表示方法にしておいてみます。