Gecko [ 122.154.134.11 ]

Name	Size	Permission
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 : route.php

/* css ของส่วนการกำหนดจุดเริ่มต้น และปลายทาง */
#showDD{
	position:absolute;
	height:0px;
	padding-top:0px;
	background-color:#000;
	color:#666666;
	left: 7px;
}
/* css ของส่วนแสดงคำแนะนำเส้นทางการเดินทาง */
#directionsPanel{
	height:420px;
	margin:auto;
	clear:both;	
	background-color:#F1FEE9;
	overflow: auto;
}
/* css ในส่วนข้อมูลการแนะนำเส้นทาง เพิ่มเติม ถ้าต้องการกำหนด */
.adp-placemark{
	background-color:#9C3;
}
.adp-summary{
	
}
.adp-directions{
	
}
</style>

<BR>
<center><FONT SIZE="4" COLOR="#009900"><B>คำนวณหาระยะทางไปยังโรงเรียนในสังกัด</B></FONT>
</center>
	<BR><?php
		include "select-route.php";
	?><BR>
<table border="1" width="98%" id="table2" style="border-collapse: collapse" align="center" id="contain_map" cellspacing =5>
<tr>
	<td cellpadding=5 width="70%" valign=top>
		<div class = "col-9" id="map_canvas">
			<center><br /><br /><img src="modules/school_gis/images/load.gif" width = "42"></center>
		</div>
	</td>
	<td cellpadding=5 width="30%" valign=top>
		<div id="directionsPanel"></div>
	</td>
</tr>
</table>
		<div class="row" id="contain_map">

}
$(function(){
	// ส่วนของฟังก์ชัน สำหรับการสร้างเส้นทาง
	searchRoute=function(FromPlace,ToPlace){ // ฟังก์ชัน สำหรับการสร้างเส้นทาง
		if(!FromPlace && !ToPlace){ // ถ้าไม่ได้ส่งค่าเริ่มต้นมา ให้ใฃ้ค่าจากการค้นหา
			var FromPlace=$("#namePlace").val();// รับค่าชื่อสถานที่เริ่มต้น
			var ToPlace=$("#toPlace").val(); // รับค่าชื่อสถานที่ปลายทาง
		}
		// กำหนด option สำหรับส่งค่าไปให้ google ค้นหาข้อมูล
		var request={
			origin:FromPlace, // สถานที่เริ่มต้น
			destination:ToPlace, // สถานที่ปลายทาง
			travelMode: GGM.DirectionsTravelMode.DRIVING // กรณีการเดินทางโดยรถยนต์
		};
		// ส่งคำร้องขอ จะคืนค่ามาเป็นสถานะ และผลลัพธ์
		directionsService.route(request, function(results, status){
			if(status==GGM.DirectionsStatus.OK){ // ถ้าสามารถค้นหา และสร้างเส้นทางได้
				directionShow.setDirections(results); // สร้างเส้นทางจากผลลัพธ์
			}else{
				// กรณีไม่พบเส้นทาง หรือไม่สามารถสร้างเส้นทางได้
				// โค้ดตามต้องการ ในทีนี้ ปล่อยว่าง
			}
		});
	}
	
	// ส่วนควบคุมปุ่มคำสั่งใช้งานฟังก์ชัน
	$("#SearchPlace").click(function(){ // เมื่อคลิกที่ปุ่ม id=SearchPlace 
		searchRoute();	// เรียกใช้งานฟังก์ชัน ค้นหาเส้นทาง
	});

$("#namePlace,#toPlace").keyup(function(event){ // เมื่อพิมพ์คำค้นหาในกล่องค้นหา
		if(event.keyCode==13 && $(this).val()!=""){	// 	ตรวจสอบปุ่มถ้ากด ถ้าเป็นปุ่ม Enter 
			searchRoute();		// เรียกใช้งานฟังก์ชัน ค้นหาเส้นทาง
		}		
	});
	
	$("#iClear").click(function(){
		$("#namePlace,#toPlace").val(""); // ล้างค่าข้อมูล สำหรับพิมพ์คำค้นหาใหม่
	});
	
});
$(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=AIzaSyAVTbqxl9fQ0jwI-wPnpjksZo1bryqS9W4"
	  src: "https://maps.google.com/maps/api/js?v=3.2&sensor=false&language=th&callback=initialize&key=AIzaSyDHLaBtQemMCgK6EQoSYvPmupqIOOdZMhg"

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

${this.title}

Code Editor : route.php