var map = null;


function load( longitude, latitude ){
	if (GBrowserIsCompatible()) {
		map = new GMap2(document.getElementById("map"));
		map.setCenter(new GLatLng(37.4748, 136.8896), 5);
		map.addControl(new GOverviewMapControl());
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());

    	GDownloadUrl("./js/mapPrefection.json", createMap);
/*
    GEvent.addListener(map, 'move', function() {
      var xy = map.getCenter();
	  var nowZoom = map.getZoom();
      document.getElementById("show_x").innerHTML = xy.lng();
      document.getElementById("show_y").innerHTML = xy.lat();
	  document.getElementById("nowzoom").innerHTML = nowZoom;
  	});
*/
	} else {
		alert("このページはIE,FireFox以外のブラウザだと表示することができません。");
	}
}

function createMap(jsondata, statusCode){
  var json = eval("(" + jsondata + ")");

  for (var i = 0; i < json.markerData.length; i++) {
    var pref = json.markerData[i].prefection;
    var url = json.markerData[i].url;
    var lat = json.markerData[i].lat;
    var lng = json.markerData[i].lng;

    var marker = createMarker(pref, url, lat, lng)
    map.addOverlay(marker);

  }
}

function createMarker(prefection, url, lat, lng){
	var marker = new GMarker(new GLatLng(lat, lng));
	var dispHtml = "<span style=\"font-size:14px;color:navy\">・" + prefection + "</span><br/><span style=\"font-size:13px;color:gray\"><a href=\"./" + url + "\">" + prefection + "の温泉情報を見る</a></span>";
	GEvent.addListener(marker, "click", function(){
		marker.openInfoWindowHtml(dispHtml);
	});
	return marker;
}