忍者ブログ
Flex,Java,Html など、調べた事のメモ帳です。 間違ってたらゴメンなさい。
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Google マップはオンラインマップのなかでも高機能な部類の地図ですが、自サイト内に埋め込むことも可能です。以前はAPIを取得したり、設置用のソフトが必要で したが、現在ではGoogle マップが抽出したソースをサイトに貼り付けるだけで、簡単に利用できます。

Google マップを貼り付ける

  1. Google マップで表示したい地図を住所から検索します。
  2. リンクアイコンをクリック。
  3. 表示されたHTMLソースをサイト内に貼り付け

URLが長いので短縮URLにチェックを入れても良いと思います。

サイズを変更する

ウェブサイトへの地図埋め込み用 HTML コード内の「width="横幅"、 height="高さ"」を変更することにより、マップサイズ変更も自由に行えます。

Googleマップを貼ってみる


大きな地図で見る

これは、iframeでGoogleマップを埋め込んだ状態です。会社案内などのページに貼る地図としてはこれで十分です。

 
この記事にコメントする
name
title
color
mail
URL
comment
pass   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
secret (チェックを入れると管理人だけに表示できます)
ブログランキング
にほんブログ村 IT技術ブログ IT技術メモへ
 
カレンダー
05 2017/06 07
S M T W T F S
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30
人気ブログランキング
ブログランキング ブログランキング
最新CM
最新TB
ブログ内検索
PR
ATOM  
ATOM 
RSS  
RSS 
Copyright ©   プログラムメモ   All Rights Reserved
Design by MMIT  Powered by NINJA TOOLS
忍者ブログ [PR]