// JavaScript Document

var map;
window.onload = function() {
	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map_canvas"));
		map.setCenter(new GLatLng(43.12280357868055,141.19860649108887), 15);
		map.addControl(new GLargeMapControl());
		
		var mapControl = new GMapTypeControl();
        map.addControl(mapControl);
		
		var iconObj1 = new GIcon();
		iconObj1.image = "img/marker1.png";
		iconObj1.iconSize = new GSize(32	,32);
		iconObj1.iconAnchor = new GPoint(16, 32);
		var mk1 = new GMarker(new GLatLng(43.12280357868055,141.19860649108887), iconObj1);
		map.addOverlay(mk1);
		
		var iconObj2 = new GIcon();
		iconObj2.image = "img/marker2.png";
		iconObj2.iconSize = new GSize(32	,32);
		iconObj2.iconAnchor = new GPoint(16, 32);
		var mk2 = new GMarker(new GLatLng(43.13059480126505,141.2088418006897), iconObj2);
		map.addOverlay(mk2);
		
		var selObj1 = document.getElementById("btn1");
		selObj1.onclick = function() {
			map.panTo(new GLatLng(43.12280357868055,141.19860649108887));
		}
		
		var selObj2 = document.getElementById("btn2");
		selObj2.onclick = function() {
			map.panTo(new GLatLng(43.13059480126505,141.2088418006897));
		}
	}
}
window.onunload = GUnload;