指定したサイズで地図を表示する

説明

地図を指定したサイズで表示するには地図を表示するためのHTMLファイルを別に用意しインラインフレーム(iframeタグ)を使います。地図のサイズはiframeタグのwidth、height(またはスタイルシートのwidth, height)を使って指定します。また、地図をスクリプトで制御する場合にはname属性を指定しておく必要があります。

サンプルプログラム

●メイン(地図を内包する側)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>電子国土(国土地理院)</title>
</head>
<body>
<h1>指定したサイズで地図を表示</h1>
<iframe name="map" src="./map.html" width="640" height="480"></iframe>
</body>
</html>

●地図表示のHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>電子国土(国土地理院)</title>
</head>
<body>
<script language="Javascript" src="http://cyberjapan.jp/webtis.js" charset="Shift_JIS"></script>
<script language="Javascript">createWebtisObject();</script>
</body>
</html>
サンプルを実行
[戻る]