API8(HTMLへの埋め込み) †

更新日2007-11-19 (月) 08:41:29
↑

html内に埋め込む †

tableタグ等でレイアウトを決めた中に別のページ作成したgoolemapを埋め込む

埋め込む側のページ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<meta name="robots" content="noindex,nofollow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Cache-Control" content="no-cache">
<TITLE>Map TEST</TITLE>
    <script src="http://maps.google.com/ maps?file=api&v=2&key=**********************
J242xRbIE3NIz29Xc2RxEx9hB3irOsedhRM-uV************************"
       type="text/javascript" charset="utf-8"></script>
      <Style type="text/css">
         <!--
         Div.infoWindowContent{width:250px}
         -->
      </Style>
</HEAD>
<BODY>
<H2>外部ページのインポート</H2>
<table>
<tr>
<td width="100" bgcolor="#FFCCCC">
サンプル　サンプル
</td><td width="420" align="center">

<div id="map" style="width:400px; height:300px"></div> <==この部分に地図が来る
(この場所にスクリプトを入れるとリロードでエラーする)
</td><td width="200" bgcolor="#0099CC">
サンプル　サンプル
</td>
</tr>
</table>

<?php
//この場所に 地図を作成するスクリプトを指定する
$url = "http://xxx.abc.jp/~okada/googlemap/viewmap4.php?ID=2";
$buff = file_get_contents($url);
echo $buff;

?>

</BODY>
</HTML>

埋め込む地図ページ(viewmap4.php)

   <script type="text/javascript">
   //<![CDATA[

(中略)

   //]]>
   </script>
トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS