// JavaScript Document

//-----------------------------------------------------------------------------
//　伊豆桜特集　３.伊豆の桜情報
//-----------------------------------------------------------------------------


//<![CDATA[

    if (GBrowserIsCompatible()) {
    
    var jNormal = new GMapType(G_NORMAL_MAP.getTileLayers(), G_NORMAL_MAP.getProjection(), "地図");
    var jStellite = new GMapType(G_SATELLITE_MAP.getTileLayers(), G_SATELLITE_MAP.getProjection(), "航空写真");
    var jHybrid = new GMapType(G_HYBRID_MAP.getTileLayers(), G_HYBRID_MAP.getProjection(), "地図+写真");
    var jPhysical = new GMapType(G_PHYSICAL_MAP.getTileLayers(), G_PHYSICAL_MAP.getProjection(), "地形");

    var map = new GMap2(document.getElementById("map")); 

    map.getMapTypes().length = 0;
    map.addMapType(jNormal);
		map.addMapType(jStellite); //航空写真
		map.addMapType(jHybrid);   //地図＋写真
		map.addMapType(jPhysical); //地形

    //表示する地図の中心地・ズーム
    map.setCenter(new GLatLng(34.898322,138.930359), 10);
		
    // map.addControl(new GMapTypeControl()); //地図タイプ切替（非表示中）
    // map.addControl(new GLargeMapControl());
    // map.addControl(new GScaleControl());
	map.addControl(new GLargeMapControl3D()); //３Dコントローラ
	//右下地図表示
    map.addControl(new GOverviewMapControl(new GSize(120,120)));

    function listMarker(lat, lng, html) {
      var point = new GLatLng(lat, lng);
      map.openInfoWindowHtml(point, html);
    }

    function addMarker(map, lat, lng, index, html) {

      //マーカー画像の保存先
      var icon = new GIcon();
      icon.image = "../../../common/markers/" + index + ".png";

      icon.shadow = "../../../common/markers/shadow.png";
      icon.iconSize = new GSize(20, 34);
      icon.shadowSize = new GSize(37, 34);
      icon.iconAnchor = new GPoint(10, 34);
      icon.infoWindowAnchor = new GPoint(10, 34);
      icon.infoShadowAnchor = new GPoint(20, 34);

      var point = new GPoint(lng, lat);
      var marker = new GMarker(point, icon);

      GEvent.addListener(marker, "click", function(){ marker.openInfoWindowHtml(html);});
      map.addOverlay(marker);
    }
		
	//地点・マーカー番号・地名・吹き出しサイズ
	addMarker(map, 35.140577,139.093105, "marker1", "<center><h4 style=font-size:125%;color:#68d421;>熱海市泉の千歳川沿い</h4></center>");
	addMarker(map, 35.097896,139.071711, "marker2", "<center><h4 style=font-size:125%;color:#68d421;>大湯間欠泉前</h4></center>");
	addMarker(map, 35.086374,139.078658, "marker3", "<center><h4 style=font-size:125%;color:#68d421;>熱海城</h4></center>");
	addMarker(map, 35.052563,139.066873, "marker4", "<center><h4 style=font-size:125%;color:#68d421;>県立熱海高校海側の斜面</h4></center>");
	addMarker(map, 35.058972,139.067203, "marker5", "<center><h4 style=font-size:125%;color:#68d421;>JR伊東線伊豆多賀駅周辺</h4></center>");
	addMarker(map, 34.969531,139.095197, "marker6", "<center><h4 style=font-size:125%;color:#68d421;>松川遊歩道</h4></center>");
	addMarker(map, 34.899751,139.132227, "marker7", "<center><h4 style=font-size:125%;color:#68d421;>県道伊東ー川奈ー八幡野線沿いの城ヶ崎桜</h4></center>");
	addMarker(map, 34.682346,138.946517, "marker8", "<center><h4 style=font-size:125%;color:#68d421;>本郷公園</h4></center>");
	addMarker(map, 34.751275,138.803587, "marker9", "<center><h4 style=font-size:125%;color:#68d421;>那賀川沿い</h4></center>");
	addMarker(map, 35.004304,138.949928, "marker10", "<center><h4 style=font-size:125%;color:#68d421;>龍源院</h4></center>");
	addMarker(map, 35.047249,138.93641, "marker11", "<center><h4 style=font-size:125%;color:#68d421;>三嶋大社</h4></center>");
	addMarker(map, 35.122403,138.918839, "marker12", "<center><h4 style=font-size:125%;color:#68d421;>狩野川さくら公園</h4></center>");
	addMarker(map, 35.116521,138.935509, "marker13", "<center><h4 style=font-size:125%;color:#68d421;>国立遺伝学研究所</h4></center>");

	}else{
	window.alert("!! お使いのブラウザでは、Google Mapsは利用できません。 !!");
	}
    
    //]]>