var yahoomap;
function yahoo1(){yahoomap = new YahooMapsCtrl("yahoomap1", "34.39211694, 132.4601717", 3, YMapMode.B1MAP);yahoomap.setEnableUgButton(value=true);yahoomap.setEnableClickPopup(value=true);yahoomap.setEnableWheelOperation(false);}

function load(){if (GBrowserIsCompatible()) {map = new GMap2(document.getElementById("map"));map.setCenter(new GLatLng(34.39572026297461, 132.46121406555176), 14);map.setUIToDefault();map.disableScrollWheelZoom();var lsc = new google.maps.LocalSearch();var bottomRight = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT);	map.addControl(new google.maps.LocalSearch(), bottomRight);
loadWindow('./xml/index_window.txt');loadMap('./xml/hiroshima.xml');yahoo1();}}
function gnavi(){ resultText=""; i = 1; end = 50; var lng = (map.getCenter()).lng(); var lat = (map.getCenter()).lat(); getGurunaviUrl(lat, lng);}
function getGurunaviUrl(lat, lng) { var gurunaviApi = "http://api.gnavi.co.jp/ver1/RestSearchAPI/"; var gurunaviKey = "8b912939377653f63f751f1a04921292"; var queri = gurunaviApi + "?keyid=" + gurunaviKey + "&coordinates_mode=2" + "&latitude=" + lat + "&longitude=" + lng + "&range=" + 4 + "&hit_per_page=" + 50; var url = proxy + "?METHOD=GET&URL=" + encodeURIComponent(queri); var request = GXmlHttp.create(); request.open("GET", url, true); request.onreadystatechange = function() { if (request.readyState == 4) { var xmlDoc = request.responseXML; var numofRestaurants = xmlDoc.getElementsByTagName("name").length; if (numofRestaurants > 50) { numofRestaurants = 50;}
document.getElementById("counter").innerHTML = "<a href='http://www.gnavi.co.jp/'><img src='http://apicache.gnavi.co.jp/image/rest/b/api_155_20.gif' width='155'height='20' border='0' alt='グルメ情報検索サイト　ぐるなび'></a><br />&nbsp;抽出店舗数：&nbsp;" + numofRestaurants; var i; for (i = 0; i < numofRestaurants; i++) { dspRestaurantMarker(xmlDoc.getElementsByTagName("rest")[i]);}
}
}
request.send(null);}
function dspRestaurantMarker(objRestaurant) { var name = objRestaurant.getElementsByTagName("name")[0].firstChild.nodeValue; if(objRestaurant.getElementsByTagName("opentime")[0].firstChild == null){ var opentime = "---";}else{ var opentime =objRestaurant.getElementsByTagName("opentime")[0].firstChild.nodeValue;}
if(objRestaurant.getElementsByTagName("url")[0].firstChild == null){ var url = "";}else{ var url =objRestaurant.getElementsByTagName("url")[0].firstChild.nodeValue;}
if(objRestaurant.getElementsByTagName("shop_image1")[0].firstChild == null){ var picture = "";}else{ var picture =objRestaurant.getElementsByTagName("shop_image1")[0].firstChild.nodeValue;}
if(objRestaurant.getElementsByTagName("pr_short")[0].firstChild == null){ var caption = "";}else{ var caption =objRestaurant.getElementsByTagName("pr_short")[0].firstChild.nodeValue;}
if(objRestaurant.getElementsByTagName("budget")[0].firstChild == null){ var price = "";}else{ var price =objRestaurant.getElementsByTagName("budget")[0].firstChild.nodeValue;}
var html = "<div id=\"infow_title\">" + "<span id=\"infow_char\">" + name + "</span>" + "&nbsp;<a href=\"" + url + "\" target=\"_blank\">" + "詳細情報</a>" + "</div>" + "<div id=\"infow_left\">" + "<img src=\"" + picture + "\" width=\"135px\" /><br />■&nbsp;提供：ぐるなび" + "</div>" + "<div id=\"infow_right\">" + caption + "<br />■&nbsp;営業時間：" + opentime + "円" +"<br />■&nbsp;平均予算：" + price + "円"; "</div>"; var lng = objRestaurant.getElementsByTagName("longitude")[0].firstChild.nodeValue; var lat = objRestaurant.getElementsByTagName("latitude")[0].firstChild.nodeValue; var marker = createGMarker(name, lat, lng, html); document.getElementById("map_right").innerHTML = resultText;}
function hotpepper(){ resultText=""; i = 1; end = 50; var lng = (map.getCenter()).lng(); var lat = (map.getCenter()).lat(); getHotpepper(lat, lng);}
function getHotpepper(lat, lng) { var hotpepperApi = "http://webservice.recruit.co.jp/hotpepper/gourmet/v1/"; var key = "7617444bbedf5a3c"; var queri = hotpepperApi + "?key=" + key + "&lat=" + lat + "&lng=" + lng + "&range=" + 5 + "&count=" + 50; var url = proxy + "?METHOD=GET&URL=" + encodeURIComponent(queri); var request = GXmlHttp.create(); request.open("GET", url, true); request.onreadystatechange = function() { if (request.readyState == 4) { var xmlDoc = request.responseXML; var numofRestaurants = xmlDoc.getElementsByTagName("results_available")[0].firstChild.nodeValue; if (numofRestaurants > 50) { numofRestaurants = 50;}
document.getElementById("counter").innerHTML = "<a href='http://webservice.recruit.co.jp/'><img src='http://webservice.recruit.co.jp/banner/hotpepper-s.gif' alt='ホットペッパー Webサービス' width='135' height='17' border='0' title='ホットペッパー Webサービス'></a><br />&nbsp;抽出店舗数：&nbsp;" + numofRestaurants; var i; for (i = 0; i < numofRestaurants; i++) { dspHotpepperMarker(xmlDoc.getElementsByTagName("shop")[i]);}
}
}
request.send(null);}
function dspHotpepperMarker(objRestaurant) { var name = objRestaurant.getElementsByTagName("name")[0].firstChild.nodeValue; var opentime = objRestaurant.getElementsByTagName("open")[0].firstChild.nodeValue; var urls = objRestaurant.getElementsByTagName("urls")[0]; var url = urls.getElementsByTagName("pc")[0].firstChild.nodeValue; var picture = objRestaurant.getElementsByTagName("m")[0].firstChild.nodeValue; var caption = objRestaurant.getElementsByTagName("catch")[0].firstChild.nodeValue; if (objRestaurant.getElementsByTagName("average")[0].firstChild == null){ var price = "記載なし";} else { var price = objRestaurant.getElementsByTagName("average")[0].firstChild.nodeValue;}
var html = "<div id=\"infow_title\">" + "<span id=\"infow_char\">" + name + "</span>" + "&nbsp;<a href=\"" + url + "\" target=\"_blank\">" + "詳細情報</a>" + "</div>" + "<div id=\"infow_left\">" + "<img src=\"" + picture + "\" width=\"135px\" /><br />■&nbsp;提供：HotPepper" + "</div>" + "<div id=\"infow_right\">" + caption + "<br />■&nbsp;営業時間：" + opentime + "円" +"<br />■&nbsp;平均予算：" + price; "</div>"; var lng = objRestaurant.getElementsByTagName("lng")[0].firstChild.nodeValue; var lat = objRestaurant.getElementsByTagName("lat")[0].firstChild.nodeValue; var marker = createGMarker1(name, lat, lng, html); document.getElementById("map_right").innerHTML = resultText;}
function suntory(){ resultText=""; i = 1; end = 50; var lng = (map.getCenter()).lng(); var lat = (map.getCenter()).lat(); getSuntory(lat, lng);}
function getSuntory(lat, lng) { var suntoryApi = "http://webapi.suntory.co.jp/barnavi/v2/shops?"; var suntoryKey = "51f502c79b4d14f2da7be2fc992d0f3659b6e748b6b7d072057d0e4c7e9fd1e3"; var queri = suntoryApi + "key=" + suntoryKey + "&pattern=1" + "&lat=" + lat + "&lng=" + lng + "&range=" + 1000 + "&count=" + 50 + "&url=http://map.travelplatz.com/city/i_okayama.html"; var url = proxy + "?METHOD=GET&URL=" + encodeURIComponent(queri); var request = GXmlHttp.create(); request.open("GET", url, true); request.onreadystatechange = function() { if (request.readyState == 4) { var xmlDoc = request.responseXML; var numofBars = xmlDoc.getElementsByTagName("shop").length; if (numofBars > 50) { numofBars = 50;}
document.getElementById("counter").innerHTML = "Powered by <a href='http://webapi.suntory.co.jp/barnavidocs/'><span style='color: #0000ff; text-decoration: underline'>Bar-Navi Web API</span></a><br />&nbsp;抽出店舗数：&nbsp;" + numofBars; var i; for (i = 0; i < numofBars; i++) { dspBarsMarker(xmlDoc.getElementsByTagName("shop")[i]);}
}
}
request.send(null);}
function dspBarsMarker(objBars) { var name = objBars.getElementsByTagName("name")[0].firstChild.nodeValue; if(objBars.getElementsByTagName("open")[0].firstChild == null){ var opentime = "---";}else{ var opentime =objBars.getElementsByTagName("open")[0].firstChild.nodeValue;}
if(objBars.getElementsByTagName("url_pc")[0].firstChild == null){ var url = "";}else{ var url =objBars.getElementsByTagName("url_pc")[0].firstChild.nodeValue;}
if(objBars.getElementsByTagName("url_photo_s1")[0].firstChild == null){ var picture = "";}else{ var picture =objBars.getElementsByTagName("url_photo_s1")[0].firstChild.nodeValue;}
if(objBars.getElementsByTagName("type")[0].firstChild == null){ var caption = "";}else{ var caption =objBars.getElementsByTagName("type")[0].firstChild.nodeValue;}
if(objBars.getElementsByTagName("budget")[0].firstChild == null){ var price = "";}else{ var price =objBars.getElementsByTagName("budget")[0].firstChild.nodeValue;}
var html = "<div id=\"infow_title\">" + "<span id=\"infow_char\">" + name + "</span>" + "&nbsp;<a href=\"" + url + "\" target=\"_blank\">" + "詳細情報</a>" + "</div>" + "<div id=\"infow_left\">" + "<img src=\"" + picture + "\" width=\"135px\" /><br />■&nbsp;提供：BAR-NAVI" + "</div>" + "<div id=\"infow_right\">" + caption + "<br />■&nbsp;営業時間：" + opentime + "円" +"<br />■&nbsp;平均予算：" + price + "円"; "</div>"; var lng = objBars.getElementsByTagName("lng_world")[0].firstChild.nodeValue; var lat = objBars.getElementsByTagName("lat_world")[0].firstChild.nodeValue; var marker = createGMarker2(name, lat, lng, html); document.getElementById("map_right").innerHTML = resultText;}

function rakuten(){ resultText=""; i = 1; end = 99; var lng = (map.getCenter()).lng(); var lat = (map.getCenter()).lat(); getRakuten(lat, lng);}
function getRakuten(lat, lng) { var apiUrl = "http://api.rakuten.co.jp/rws/1.12/rest?";
var rakutenKey = "a647133e5d1577e9f6caf3863f47cdf3";
var queri = apiUrl + "developerId="+ rakutenKey + "&operation=SimpleHotelSearch&version=2008-11-13&latitude=" + lat + "&longitude=" + lng + "&searchRadius=3&hits=99&datumType=1&affiliateId=087c7955.43541f0f.087c7956.9ac4905c&carrier=0"; var url = proxy + "?METHOD=GET&URL=" + encodeURIComponent(queri); var request = GXmlHttp.create(); request.open("GET", url, true); request.onreadystatechange = function() { if (request.readyState == 4) { var xmlDoc = request.responseXML; var numofHotels = xmlDoc.getElementsByTagName("hotel").length; if (numofHotels > 99) { numofHotels = 99;}
document.getElementById("counter").innerHTML = "<!-- Rakuten Web Services Attribution Snippet FROM HERE --><a href='http://webservice.rakuten.co.jp/' target='_blank'>Supported by 楽天ウェブサービス</a><!-- Rakuten Web Services Attribution Snippet TO HERE -->&nbsp;抽出要素数：&nbsp;" + numofHotels; var i; for (i = 0; i < numofHotels; i++) { rakutenHotelMarker(xmlDoc.getElementsByTagName("hotel")[i]);}
}
}
request.send(null);}
function rakutenHotelMarker(objHotel) { var name = objHotel.getElementsByTagName("hotelName")[0].firstChild.nodeValue; 
var url = objHotel.getElementsByTagName("hotelAffiliateUrl")[0].firstChild.nodeValue; if (objHotel.getElementsByTagName("hotelSpecial")[0].firstChild == null){ var caption = "";} else { var caption = objHotel.getElementsByTagName("hotelSpecial")[0].firstChild.nodeValue;}
if (objHotel.getElementsByTagName("hotelImageUrl")[0].firstChild == null){ var picture = "";} else { var picture = objHotel.getElementsByTagName("hotelImageUrl")[0].firstChild.nodeValue;}
if (objHotel.getElementsByTagName("access")[0].firstChild == null){ var access = "";} else { var access = objHotel.getElementsByTagName("access")[0].firstChild.nodeValue;}
var html = "<div id=\"infow_title2\">" + "<span id=\"infow_char\">" + name + "</span>" + "&nbsp;<a href=\"" + url + "\" target=\"_blank\">" + "詳細情報</a>" + "</div>" + "<div id=\"infow_left\">" + "<img src=\"" + picture + "\" width=\"135px\" /><br />■&nbsp;提供：楽天トラベル" + "</div>" + "<div id=\"infow_right\">" + caption + "<br />" + access + "</div>"; var lng = objHotel.getElementsByTagName("longitude")[0].firstChild.nodeValue; var lat = objHotel.getElementsByTagName("latitude")[0].firstChild.nodeValue; var marker = createGMarker7(name, lat, lng, html); document.getElementById("map_right").innerHTML = resultText;}
function loadWindow(url){ var request = GXmlHttp.create(); request.open("GET", url, true); request.onreadystatechange = function(){ if(request.readyState==4){ var txt = request.responseText; document.getElementById("map_window").innerHTML = txt;}
}
request.send('');}
function loadWindow1(url){ var request = GXmlHttp.create(); request.open("GET", url, true); request.onreadystatechange = function(){ if(request.readyState==4){ var txt = request.responseText; document.getElementById("map_top").innerHTML = txt;}
}
request.send('');}
function loadMap(url){ i=1; var request = GXmlHttp.create(); request.open("GET", url, true); request.onreadystatechange = function(){ if(request.readyState==4){ var xml = request.responseXML; var place = xml.documentElement.getElementsByTagName("items"); end = place.length; resultText=""; for(var i=0; i<place.length; i++){ var lat = parseFloat(place[i].getElementsByTagName("lat")[0].firstChild.nodeValue); var lng = parseFloat(place[i].getElementsByTagName("lon")[0].firstChild.nodeValue); var name = place[i].getElementsByTagName("name")[0].firstChild.nodeValue; var html = "<div style='width:200px'><div id='infow_title'><span id='infow_char'>" + name + "</span></div><br/><a href=javascript:map.zoomIn()>zoomIn</a> | <a href=javascript:map.zoomOut()>zoomOut</a></div>"; var marker = createGMarker3(name, lat, lng, html);}
document.getElementById("map_right").innerHTML = resultText;}
}
request.send('');}
var map; var proxy = "http://www.travelplatz.com/js/proxy.php"; var resultText=""; var markers = new Array(); var htmls = new Array(); var i = 1; var end = 50; function createGMarker(name, lat, lng, html) { var title = name; var point = new GLatLng(lat, lng); var myIcon; myIcon = new GIcon(); myIcon.image = "http://www.travelplatz.com/js/icong/icong"+ i + ".png"; myIcon.iconSize = new GSize(20, 34); myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png"; myIcon.shadowSize = new GSize(37, 34); myIcon.iconAnchor = new GLatLng(34, 10); myIcon.infoWindowAnchor = new GPoint(5, 5); var marker = new GMarker(point,{"icon":myIcon, "clickable":true, "title":title}); GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);}); map.removeOverlay(marker); map.addOverlay(marker); markers[i] = marker; htmls[i] = html; resultText = resultText + "&nbsp;<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />"; i++; if(i >end){i=1}
return marker;}
function createGMarker1(name, lat, lng, html) { var title = name; var point = new GLatLng(lat, lng); var myIcon; myIcon = new GIcon(); myIcon.image = "http://www.travelplatz.com/js/iconr/iconr"+ i + ".png"; myIcon.iconSize = new GSize(20, 34); myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png"; myIcon.shadowSize = new GSize(37, 34); myIcon.iconAnchor = new GLatLng(34, 10); myIcon.infoWindowAnchor = new GPoint(5, 5); var marker = new GMarker(point,{"icon":myIcon, "clickable":true, "title":title}); GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);}); map.removeOverlay(marker); map.addOverlay(marker); markers[i] = marker; htmls[i] = html; resultText = resultText + "&nbsp;<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />"; i++; if(i >end){i=1}
return marker;}
function createGMarker2(name, lat, lng, html) { var title = name; var point = new GLatLng(lat, lng); var myIcon; myIcon = new GIcon(); myIcon.image = "http://www.travelplatz.com/js/iconb/iconb"+ i + ".png"; myIcon.iconSize = new GSize(20, 34); myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png"; myIcon.shadowSize = new GSize(37, 34); myIcon.iconAnchor = new GLatLng(34, 10); myIcon.infoWindowAnchor = new GPoint(5, 5); var marker = new GMarker(point,{"icon":myIcon, "clickable":true, "title":title}); GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);}); map.removeOverlay(marker); map.addOverlay(marker); markers[i] = marker; htmls[i] = html; resultText = resultText + "&nbsp;<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />"; i++; if(i >end){i=1}
return marker;}
function createGMarker3(name, lat, lng, html) { var title = name; var point = new GLatLng(lat, lng); var myIcon; myIcon = new GIcon(); myIcon.image = "http://www.travelplatz.com/js/iconw/iconw"+ i + ".png"; myIcon.iconSize = new GSize(20, 34); myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png"; myIcon.shadowSize = new GSize(37, 34); myIcon.iconAnchor = new GLatLng(34, 10); myIcon.infoWindowAnchor = new GPoint(5, 5); var marker = new GMarker(point,{"icon":myIcon, "clickable":true, "title":title}); GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);}); map.removeOverlay(marker); map.addOverlay(marker); markers[i] = marker; htmls[i] = html; resultText = resultText + "&nbsp;<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />"; i++; if(i >end){i=1}
return marker;}
function createGMarker4(name, lat, lng, html) { var title = name; var point = new GLatLng(lat, lng); var myIcon; myIcon = new GIcon(); myIcon.image = "http://www.travelplatz.com/js/iconrw/iconrw"+ i + ".png"; myIcon.iconSize = new GSize(20, 34); myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png"; myIcon.shadowSize = new GSize(37, 34); myIcon.iconAnchor = new GLatLng(34, 10); myIcon.infoWindowAnchor = new GPoint(5, 5); var marker = new GMarker(point,{"icon":myIcon, "clickable":true, "title":title}); GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);}); map.removeOverlay(marker); map.addOverlay(marker); markers[i] = marker; htmls[i] = html; resultText = resultText + "&nbsp;<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />"; i++; if(i >end){i=1}
return marker;}
function createGMarker5(name, lat, lng, html) { var title = name; var point = new GLatLng(lat, lng); var myIcon; myIcon = new GIcon(); myIcon.image = "http://www.travelplatz.com/js/icony/icony"+ i + ".png"; myIcon.iconSize = new GSize(20, 34); myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png"; myIcon.shadowSize = new GSize(37, 34); myIcon.iconAnchor = new GLatLng(34, 10); myIcon.infoWindowAnchor = new GPoint(5, 5); var marker = new GMarker(point,{"icon":myIcon, "clickable":true, "title":title}); GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);}); map.removeOverlay(marker); map.addOverlay(marker); markers[i] = marker; htmls[i] = html; resultText = resultText + "&nbsp;<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />"; i++; if(i >end){i=1}
return marker;}
function createGMarker6(name, lat, lng, html) { var title = name; var point = new GLatLng(lat, lng); var myIcon; myIcon = new GIcon(); myIcon.image = "http://www.travelplatz.com/js/darkblue/darkblue"+ i + ".png"; myIcon.iconSize = new GSize(17, 19); myIcon.iconAnchor = new GLatLng(19, 0); myIcon.infoWindowAnchor = new GPoint(17, 0); var marker = new GMarker(point,{"icon":myIcon, "clickable":true, "title":title}); GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);}); map.removeOverlay(marker); map.addOverlay(marker); markers[i] = marker; htmls[i] = html; resultText = resultText + "&nbsp;<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />"; i++; if(i >end){i=1}
return marker;}
function createGMarker7(name, lat, lng, html) { var title = name; var point = new GLatLng(lat, lng); var myIcon; myIcon = new GIcon(); myIcon.image = "http://www.travelplatz.com/js/lightblue/lightblue"+ i + ".png"; myIcon.iconSize = new GSize(17, 19); myIcon.iconAnchor = new GLatLng(19, 0); myIcon.infoWindowAnchor = new GPoint(17, 0); var marker = new GMarker(point,{"icon":myIcon, "clickable":true, "title":title}); GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);}); map.removeOverlay(marker); map.addOverlay(marker); markers[i] = marker; htmls[i] = html; resultText = resultText + "&nbsp;<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />"; i++; if(i >end){i=1}
return marker;}
function createGMarker8(name, lat, lng, html) { var title = name; var point = new GLatLng(lat, lng); var myIcon; myIcon = new GIcon(); myIcon.image = "http://www.travelplatz.com/js/iconrw/iconrw"+ i + ".png"; myIcon.iconSize = new GSize(20, 34); myIcon.shadow = "http://www.travelplatz.com/js/shadow50.png"; myIcon.shadowSize = new GSize(37, 34); myIcon.iconAnchor = new GLatLng(34, 10); myIcon.infoWindowAnchor = new GPoint(5, 5); var marker = new GMarker(point,{"icon":myIcon, "clickable":true, "title":title}); GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml(html);}); map.removeOverlay(marker); map.addOverlay(marker); markers[i] = marker; htmls[i] = html; resultText = resultText + "&nbsp;<a href=javascript:changePlace("+i+")>"+i+"&nbsp;"+title +"</a><br />"; i++; if(i >end){i=1}
return marker;}
function changePlace(i) { markers[i].openInfoWindowHtml(htmls[i]);}
onload = load;