Gecko [ 122.154.134.11 ]

/ var / www / html / amss / modules / school_gis / [ HOME SHELL ]

Name	Size	Permission	Action
images	[ DIR ]	drwxr-xr-x
install	[ DIR ]	drwxr-xr-x
main	[ DIR ]	drwxr-xr-x
default.php	342 B	-rw-r--r--
index.php	2.26 KB	-rw-r--r--
json.php	4.68 KB	-rw-r--r--
menu.php	1.98 KB	-rw-r--r--
menu_mobile.php	803 B	-rw-r--r--
route.php	9.09 KB	-rw-r--r--
select-route.php	1.59 KB	-rw-r--r--
setmap-school.php	323 B	-rw-r--r--
setmap.php	6.95 KB	-rw-r--r--
view.php	11.38 KB	-rw-r--r--

Code Editor : json.php

<style type="text/css">
html { height: 100% }
/* css กำหนดความกว้าง ความสูงของแผนที่ */
#map_canvas {
	position:relative;
	height:460px;
	margin:auto;
}

</style>
<BR>
<center><FONT SIZE="4" COLOR="#009900"><B>GIS แผนที่โรงเรียนในสังกัด</B></FONT>
</center>

<table border="1" width="99%" id="table2" style="border-collapse: collapse" align="center" id="contain_map" cellspacing =5>
<tr>
	<td cellpadding=5 width="30%" valign=top><div id="directionsPanel"></div></td>
	<td cellpadding=5 width="70%" valign=top><div class = "col-9" id="map_canvas"></div></td>
</tr>
</table>
	<div class="container">

<div class="row" id="contain_map">
			<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
				<div class="box-body">
					
				</div>
			</div>
			<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
				<div class="box-body">
					
				</div>
			</div>
			<div id="showDD"></div>
		</div>
	</div>

<script type="text/javascript">
var directionShow; // กำหนดตัวแปรสำหรับใช้งาน กับการสร้างเส้นทาง
var directionsService; // กำหนดตัวแปรสำหรับไว้เรียกใช้ข้อมูลเกี่ยวกับเส้นทาง
var map; // กำหนดตัวแปร map ไว้ด้านนอกฟังก์ชัน เพื่อให้สามารถเรียกใช้งาน จากส่วนอื่นได้
var GGM; // กำหนดตัวแปร GGM ไว้เก็บ google.maps Object จะได้เรียกใช้งานได้ง่ายขึ้น
var my_Latlng; // กำหนดตัวแปรสำหรับเก็บจุดเริ่มต้นของเส้นทางเมื่อโหลดครั้งแรก
var initialTo; // กำหนดตัวแปรสำหรับเก็บจุดปลายทาง เมื่อโหลดครั้งแรก
var searchRoute; // กำหนดตัวแปร ไว้เก็บฃื่อฟังก์ชั้น ให้สามารถใช้งานจากส่วนอื่นๆ ได้
function initialize() { // ฟังก์ชันแสดงแผนที่
	GGM=new Object(google.maps); // เก็บตัวแปร google.maps Object ไว้ในตัวแปร GGM
	directionShow=new  GGM.DirectionsRenderer({draggable:true});
	directionsService = new GGM.DirectionsService();
	// กำหนดจุดเริ่มต้นของแผนที่
	my_Latlng  = new GGM.LatLng(14.7663796381,100.679984004);    //
	// กำหนดตำแหน่งปลายทาง สำหรับการโหลดครั้งแรก
	//initialTo=new GGM.LatLng(13.8129355,100.7316899); 
	var my_mapTypeId=GGM.MapTypeId.ROADMAP; // กำหนดรูปแบบแผนที่ที่แสดง
	// กำหนด DOM object ที่จะเอาแผนที่ไปแสดง ที่นี้คือ div id=map_canvas
	var my_DivObj=$("#map_canvas")[0];
	// กำหนด Option ของแผนที่
	var myOptions = {
		zoom: 10, // กำหนดขนาดการ zoom
		center: my_Latlng , // กำหนดจุดกึ่งกลาง จากตัวแปร my_Latlng
		mapTypeId:my_mapTypeId // กำหนดรูปแบบแผนที่ จากตัวแปร my_mapTypeId
	};
	map = new GGM.Map(my_DivObj,myOptions); // สร้างแผนที่และเก็บตัวแปรไว้ในชื่อ map
}
$(function(){
	// โหลด สคริป google map api เมื่อเว็บโหลดเรียบร้อยแล้ว
	// ค่าตัวแปร ที่ส่งไปในไฟล์ google map api
	// v=3.2&sensor=false&language=th&callback=initialize
	//	v เวอร์ชัน่ 3.2
	//	sensor กำหนดให้สามารถแสดงตำแหน่งทำเปิดแผนที่อยู่ได้ เหมาะสำหรับมือถือ ปกติใช้ false
	//	language ภาษา th ,en เป็นต้น
	//	callback ให้เรียกใช้ฟังก์ชันแสดง แผนที่ initialize	
	$("<script/>", {
	  "type": "text/javascript",
	  src: "https://maps.google.com/maps/api/js?v=3.2&sensor=false&language=th&callback=initialize&key=AIzaSyDHLaBtQemMCgK6EQoSYvPmupqIOOdZMhg"

}).appendTo("body");	
});
</script>