「map3」の編集履歴(バックアップ)一覧はこちら

map3」(2006/10/22 (日) 16:19:23) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

<script src= "http://maps.google.co.jp/maps?file=api&amp;v=2&amp;key=ABQIAAAAa8x6CAZfo5awTThW6v-Z6BSapACdG8dSCmOZyzO1TB0Vd-KadBS1LaMABTY3qpqtwn1m7sxdgNxldQ" type="text/javascript"> </script> <script type="text/javascript"> //<![CDATA[ var map; map = new GMap2(document.getElementById("map")); map.addControl(new GLargeMapControl());//コントロールボタン   map.addControl(new GMapTypeControl());//サテライトは厚別区。 map.setCenter(new GLatLng(41.765,140.721473), 14);//函館 map.setMapType(G_NORMAL_MAP); //座標取得 GEvent.addListener(map, "moveend", function() { var center = map.getCenter(); // var latLngStr = '(' + center.x + ', ' + center.y + ')'; var latLngStrx = center.x; var latLngStry = center.y; // document.getElementById("message").innerHTML = latLngStr; document.getElementById("messagex").innerHTML = latLngStrx; document.getElementById("messagey").innerHTML = latLngStry; });//ここまで座標取得 //xml読み込み var request = GXmlHttp.create(); request.open("GET", "gxmlhttp-1.xml", true); request.onreadystatechange = function() { if (request.readyState == 4) { var xmlDoc = request.responseXML; var xy = xmlDoc.documentElement.getElementsByTagName("xy"); document.getElementById("show_x").innerHTML = xy[0].getAttribute("x"); document.getElementById("show_y").innerHTML = xy[0].getAttribute("y"); } } request.send(null); //ここまでxml読み込み // Creates a marker whose info window displays the given number function addMarker(map, lat, lng, html) { var point = new GLatLng(lat, lng); var marker = new GMarker(point); // Show this marker's index in the info window when it is clicked GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); map.setCenter(point, 14); }); map.addOverlay(marker); } addMarker(map, 41.7621171027756, 140.7116675376892, "<b>ユウの家<\/b><br/>もう無くなったけどね"); addMarker(map, 41.765422180753326, 140.71727871894836, "<b>旧茶屋亭<\/b><br/>まだ行ってないけどね"); addMarker(map, 41.76242921184925, 140.71296572685242, "<b>トモダチ<\/b><br/>トモダチいないけどね"); addMarker(map, 41.95060979621362, 140.59951901435852, "<b>レイズの褶曲ポイント<\/b><br/>トモダチいないから俺だけまだ行ってないけどね"); addMarker(map, 41.768022909342655, 140.70821285247803, "<b>学校<\/b><br/>中に入れないけどね"); addMarker(map, 41.768326987647534, 140.69724798202515, "<b>墓<\/b><br/>中に入れないけどね"); addMarker(map, 41.76470196035038, 140.71528315544128, "<b>エビス<\/b><br/>よくわかんないんだけど・・・<br/>ここに画像が・・・"); //]]> </script>
<div id="map" style="width: 800px; height: 600px"></div> <script src= "http://maps.google.co.jp/maps?file=api&amp;v=2&amp;key=ABQIAAAAa8x6CAZfo5awTThW6v-Z6BSapACdG8dSCmOZyzO1TB0Vd-KadBS1LaMABTY3qpqtwn1m7sxdgNxldQ" type="text/javascript"> </script> <script type="text/javascript"> //<![CDATA[ map = new GMap2(document.getElementById("map")); map.addControl(new GLargeMapControl());//コントロールボタン    map.addControl(new GMapTypeControl());//サテライトは厚別区。 map.setCenter(new GLatLng(41.765,140.721473), 14);//函館 map.setMapType(G_NORMAL_MAP); //]]> </script>

表示オプション

横に並べて表示:
変化行の前後のみ表示: