jQuery(function(){ // JSONファイル読み込み開始 jQuery.ajax({ // DBから測定ポイントの座標データをJSON形式で取得 url:"http://www.r-info-miyagi.jp/r-info/radiation/space_map_json.php?area=&ln=ja", cache:false, dataType:"json", success:function(json){ var data=jsonRequest(json); initialize(data); } }); }); // JSONファイル読み込み完了時処理 function jsonRequest(json){ var data=[]; if(json.data){ var n=json.data.length; for(var i=0;i= 2.0) { fileName = "realtime_point_icon10.png"; } else if (numValue >= 1.5) { fileName = "realtime_point_icon09.png"; } else if (numValue >= 1.0) { fileName = "realtime_point_icon08.png"; } else if (numValue >= 0.7) { fileName = "realtime_point_icon07.png"; } else if (numValue >= 0.5) { fileName = "realtime_point_icon06.png"; } else if (numValue >= 0.4) { fileName = "realtime_point_icon05.png"; } else if (numValue >= 0.3) { fileName = "realtime_point_icon04.png"; } else if (numValue >= 0.2) { fileName = "realtime_point_icon03.png"; } else if (numValue >= 0.1) { fileName = "realtime_point_icon02.png"; } else { fileName = "realtime_point_icon01.png"; } } else { // 表示する画像を判定 if(numValue >= 2.0) { fileName = "point_icon10.png"; } else if (numValue >= 1.5) { fileName = "point_icon09.png"; } else if (numValue >= 1.0) { fileName = "point_icon08.png"; } else if (numValue >= 0.7) { fileName = "point_icon07.png"; } else if (numValue >= 0.5) { fileName = "point_icon06.png"; } else if (numValue >= 0.4) { fileName = "point_icon05.png"; } else if (numValue >= 0.3) { fileName = "point_icon04.png"; } else if (numValue >= 0.2) { fileName = "point_icon03.png"; } else if (numValue >= 0.1) { fileName = "point_icon02.png"; } else { fileName = "point_icon01.png"; } } return fileName; } // マップを生成して、複数のマーカーを追加 function initialize(data/*Array*/){ var initPos = new google.maps.LatLng(38.423773, 140.958366); var mapOptions = { zoom:9, center:initPos, mapTypeId: google.maps.MapTypeId.ROADMAP // mapTypeId: google.maps.MapTypeId.TERRAIN }; // マップ描画 var map_canvas = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); // マーカー読み込み var i=data.length; var markerFile = ""; // マーカの重なり順を指定、◯が下に来るように // (zIndexが大きい値になるほど全面表示になる) var order = 1; while(i-- >0){ var dat=data[i]; var markerPos = new google.maps.LatLng(dat.lat,dat.lng); var opt={ position:markerPos, map:map_canvas, zIndex:order, icon: "http://www.r-info-miyagi.jp/site/wp-content/themes/rinfo/img/" + getMarkerFileName(dat.value_1, dat.realtime_flg) }; // マーカー描画 var marker=new google.maps.Marker(opt); //orderをインクリメント order = order + 1; // 吹き出し作成 var infoDiv = document.createElement("div"); infoDiv.className = "info_canvas"; // 吹き出しの内容を作成 var tmpHTML = ""; tmpHTML += ""; infoDiv.innerHTML = tmpHTML; attachInfo(marker, infoDiv); } } function attachInfo(marker, objDiv) { google.maps.event.addListener(marker, "click", function() { var info = new google.maps.InfoWindow(); info.open(marker.getMap(), marker); info.setContent(objDiv); }); }