|
<!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"
xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=xxxxxxxxxxxxxxxxxxxxxxxxxxx"
type="text/javascript"></script>
<script type="text/javascript">
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GScaleControl());
map.addControl(new GMapTypeControl());
GEvent.addListener(map, "moveend", function() {
var center = map.getCenter();
document.getElementById("message").innerHTML = center.toString();
});
map.setCenter(new GLatLng(34.903671401859576, 135.6913661956787), 14);
var icon1 = new GIcon();
icon1.image = "mitsu.png";
icon1.iconSize = new GSize(20, 20);
icon1.iconAnchor = new GPoint(6, 20);
icon1.infoWindowAnchor = new GPoint(5, 1);
var icon2 = new GIcon();
icon2.image = "hide.png";
icon2.iconSize = new GSize(20, 20);
icon2.iconAnchor = new GPoint(6, 20);
icon2.infoWindowAnchor = new GPoint(5, 1);
var point101 = new GLatLng(34.9144141335787, 135.69767475128174);
var marker101 = new GMarker(point101, icon1);
map.addOverlay(marker101);
var point102 = new GLatLng(34.908633821168436, 135.6767749786377);
var marker102 = new GMarker(point102, icon1);
map.addOverlay(marker102);
var point201 = new GLatLng(34.89346406486655, 135.68012237548828);
var marker201 = new GMarker(point201, icon2);
map.addOverlay(marker201);
var point202 = new GLatLng(34.90155964310935, 135.6764316558838);
var marker202 = new GMarker(point202, icon2);
map.addOverlay(marker202);
var polpoint001=new GLatLng(34.867834540841116, 135.65540313720703);
var polpoint002=new GLatLng(34.89163364963405, 135.68042278289795);
var polpoint003=new GLatLng(34.92612307758587, 135.69806098937988);
var polpoint004=new GLatLng(34.9643260674448, 135.72046279907226);
var polpoint005=new GLatLng(34.97923658319042, 135.74621200561523);
var line001 = [polpoint001,polpoint002,polpoint003,polpoint004,polpoint005];
map.addOverlay(new GPolyline(line001, "#00a800","3","0.9"));
var polpoint011=new GLatLng(34.97923658319042, 135.74621200561523);
var polpoint012=new GLatLng(34.9323859290129, 135.7448387145996);
var polpoint013=new GLatLng(34.90740204293937, 135.71874618530273);
var polpoint014=new GLatLng(34.89416805986599, 135.7009792327881);
var line002 = [polpoint011,polpoint012,polpoint013,polpoint014];
map.addOverlay(new GPolyline(line002, "#ff0000","3","0.9"));
}
}
</script>
</head>
<body onload="load()" onunload="GUnload()" bgcolor="#b188f7">
<table><tr><td width="510">
<div align="center"><font size="4" color="white"<b><GoogleMapで見る山崎大合戦></b></font></div>
<div align="center">- 天正十年(1582)六月十三日夕刻の布陣 -lt;/div><br>
<img src="mitsu.png">明智光秀方（総兵力15,000） <img src="hide.png">羽柴秀吉方（総兵力35,000）<br>
<font color="#00a800">緑色は西国街道</font>、<font color="#ff0000">赤色は鳥羽街道</font>を示す。
<table cellspacing="2" bgcolor="black"><tr><td>
<div id="map" style="width: 500px; height: 450px"></div>
</td></tr></table>
<div id="message"></div>
</body>
</html>
|