GoogleMapApiの利用

htmlは以下
<!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 http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>タイトルが入ります</title>
    <script src="http://maps.google.co.jp/maps?file=api&v=2.x&key=KEYを入力"type="text/javascript"></script>
 <link rel="stylesheet" href="/accordion/style.css" type="text/css" />
 <script type="text/javascript" src="/accordion/script.js"></script>
<style type="text/css">
<!--
body {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 margin-top: 6px;
 margin-left: 6px;
}
div#map {
 border: 2px outset gray;
}
div#sidebar {
 border: 1px solid #666;
 padding: 4px;
 line-height: 2;
 overflow:auto;
}
img {
 border: 0px;
}
//-->
</style>

</head>

<body onload="initRollovers();" onunload="GUnload();">

<!-- Mapのサイズ(幅・高さ)-->
<table>
  <tr>
    <td valign="top" WIDTH=99% height="100%">
     <div id="map" style="width: 99%; height:700px" ></div>
    </td>
    <td valign="top" WIDTH="100px" height="100%">
     <div id="sidebar" style="overflow:auto;width:102px;height:99%;">
      <div id="accordion" align="left">
    <dl class="accordion" id="slider">
    </dl>
   </div>
  </div>
 </td>
  </tr>
</table>
<div id="directions" style="width: 275px"></div>
jsは以下


    
accordion要素も入れてみたけど超読みにくい;;

0 コメント:

コメントを投稿