*API8(HTMLへの埋め込み) [#i1518da6]

RIGHT:更新日&lastmod();

**html内に埋め込む [#j2816d74]
tableタグ等でレイアウトを決めた中に別のページ作成したgoolemapを埋め込む
tableタグ等でレイアウトを決めた中に別のページ作成したgoolemapを埋め込む。~
以下のように地図を表示するファイルを表示とは別場所に file_get_contentsで指定して
表示場所には「<div id="map" style="width:400px; height:300px"></div>」で指定する。

''埋め込む側のページ''

 <!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