<?xml version="1.0" encoding="UTF-8" ?>
<jsp:root
	xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:og="hybs-taglib.tld"
	version="2.0">
<jsp:directive.page language="java" contentType="text/html; charset=UTF-8" />

<og:head headType="result" >
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"><!-- --></script>

<script type="text/javascript">
	window.onload = load;
	var map;
	var icon;
	// 初期表示
	function load(){
		// 地図中央の指定
		var latlng	= new google.maps.LatLng("{@IDO}","{@KEIDO}");
		// ｽｹｰﾙの指定
		var scale	= Number("{@SCALE}");
		var myOptions = {
			zoom: scale,
			center: latlng,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};

		// mapの設定
		map = new google.maps.Map(document.getElementById("map"),myOptions);

	}

	// ﾏｯﾌﾟの移動
	function move(IDO,KEIDO,SCALE){
		var latlng	= new google.maps.LatLng(IDO,KEIDO);
		var scale	= Number(SCALE);
		var myOptions = {
			zoom: scale,
			center: latlng,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};

		// mapの設定
		map = new google.maps.Map(document.getElementById("map"),myOptions);
	}

	// 京都
	function moveKyoto(){
		move("34.9859024","135.76013490000002",{@SCALE});
	}
	// 大阪
	function moveOsaka(){
		move("34.72906943087377","135.5152195935616",{@SCALE});
	}
	// 東京
	function moveTokyo(){
		move("35.6830156","139.76841680000007",{@SCALE});
	}
</script>
</og:head>

<og:comment
	system	= "GF:エンジンサンプル"
	pgid	= "TEST04"
	title	= "GoogleMap"
	date	= "2015/09/05"
	author	= "Takahashi Masakazu"
	text	= ""
	version	= "001"
/>

<!-- ワーニングメッセージです。ここでは、登録完了のメッセージを表示します。 -->
<og:errorMessage command="{@command}" clear="{@clear}" displayMsg="{@displayMsg}" />

<!-- 取り消しボタンが押された時に必要です。 -->
<og:entry command="{@command}" />
<og:submit value="京都" onClick="moveKyoto();" />
<og:submit value="大阪" onClick="moveOsaka();" />
<og:submit value="東京" onClick="moveTokyo();" />
<br />

<div id="map" style="position:relative;left:30px; top:30px; width:700px;height:500px"></div>

<jsp:directive.include file="/jsp/common/htmlend.jsp" />
</jsp:root>

