About

2007年8月 4日 11:27に投稿されたエントリーのページです。

ひとつ前の投稿は「オタワ州から」です。

次の投稿は「チョコちゃん」です。

皆さんからのコメント

ワンちゃんを飼う
ケンコーボーイ 11/202008:11:20:21:44:03
hanasakuoka 11/202008:11:20:23:53:03
久し振りの更新
ケンコーボーイ 11/122008:11:12:18:53:39
hanasakuoka 11/202008:11:20:23:45:48
更新?!
めいぷる 08/232008:08:23:18:59:36
山の爺 10/012008:10:01:15:27:58
ケンコーボーイ 10/022008:10:02:18:20:47
異常胡瓜?
月うさぎ 07/292008:07:29:13:41:46
大阪の単身赴任者より 08/122008:08:12:16:37:55
ケンコーボーイ 08/162008:08:16:23:46:05
山の爺 08/232008:08:23:18:33:43
更新日付表示
07/162008:07:16:10:52:33
山の爺 07/182008:07:18:09:55:00
.htaccess(ドットエイチティーアクセス)とは?
07/122008:07:12:11:43:55
山の爺 07/132008:07:13:10:38:18
山の爺 07/132008:07:13:18:07:05
フォーラム高知?
通りすがり 06/302008:06:30:06:30:54
山の爺 07/042008:07:04:12:58:13
Counter
トータルカウント
T今日のカウントY昨日のカウント
Powered by
Movable Type 4.1
mt
Top5・PC関係を覚えるgoogle-map-apiの四苦八苦 > google-map APIを作る(其の2)

« オタワ州から | メイン | チョコちゃん »

google-map APIを作る(其の2)

今回は「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」内に入れておこう!
※赤の部分だけでも取り合えずは地図のみ表示される。
※茶色の部分は記事毎に追加する物。(是がチョット面倒じゃ!)
追加する物には連番があるので気をつけよう!

遣り方はこの様な感じだったようだ?少しは違いが有るかも?(有ってはならないと思うのだが・・?)
コノ画面の出来上がりはコチラだ。

人気ブログランキングへ

コメントを投稿

スポンサードリンク

e
Copyright © 2004 Enoki All Rights Reserved.