今回は「body」内を書くが何だか書くのも難しいワイ！
以下は山の爺の作りかけの「body」内のタグと言う物。
<body onload="load()" onunload="GUnload()"><table border="4" align="center">
<tr><td colspan="2"><div id="map" style="width: 800px; height: 500px"></div></td></tr><tr><td width=300>1<input type="checkbox" name="cb1" onClick="checkbox1clicked()">カフェテラス「えの木」（テスト表示）</td><td width=500>2山の爺の住む位置はコノ辺り</td></tr>
<tr><td>3<input type="checkbox" name="cb2" onclick="checkbox2clicked()">4富士山（テスト）</td><td>4テスト、コノ辺りが富士の頂上か？</td></tr>
<tr><td>5<input type="checkbox" name="cb3" onclick="checkbox3clicked()">名古屋駅（テスト）</td><td>6駅はコノ辺り・・・。</td></tr>
<tr><td>7</td><td>8</td></tr>
<tr><td>9</td><td>10</td></tr>
</table><script type="text/javascript">
//<![CDATA[
var map;
var marker1, marker2, marker3,・・・・ ;map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(35.062082, 136.482188), 6);marker1 = new GMarker(new GLatLng(35.062082, 136.482188));
var marker1_is_displayed = 0;
function checkbox1clicked() {
if (marker1_is_displayed == 0) {
map.addOverlay(marker1);
marker1_is_displayed = 1;
} else {
map.removeOverlay(marker1);
marker1_is_displayed = 0;
}
}marker2 = new GMarker(new GLatLng(35.36283226698779, 138.73088836669922));
var marker2_is_displayed = 0;
function checkbox2clicked() {
if (marker2_is_displayed == 0) {
map.addOverlay(marker2);
marker2_is_displayed = 1;
} else {
map.removeOverlay(marker2);
marker2_is_displayed = 0;
}
}marker3 = new GMarker(new GLatLng(35.171001920816955, 136.88175201416016));
var marker3_is_displayed = 0;
function checkbox3clicked() {
if (marker3_is_displayed == 0) {
map.addOverlay(marker3);
marker3_is_displayed = 1;
} else {
map.removeOverlay(marker3);
marker3_is_displayed = 0;
}
}
：
：
：
//]]>
</script>
<p><a href="http://cafeterrace-enoki.com">topに戻る</a></p>
</body>
・・・と取りあえずは「body」内に入れておこう！
※赤の部分だけでも取り合えずは地図のみ表示される。
※茶色の部分は記事毎に追加する物。（是がチョット面倒じゃ！）
追加する物には連番があるので気をつけよう！
遣り方はこの様な感じだったようだ？少しは違いが有るかも？（有ってはならないと思うのだが・・？）
コノ画面の出来上がりはコチラだ。
