Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > PHP > PHP Forum > เกี่ยวกับ googlemap หาเส้นทางครับ help me plz.....



 

เกี่ยวกับ googlemap หาเส้นทางครับ help me plz.....

 



Topic : 072547



โพสกระทู้ ( 110 )
บทความ ( 0 )



สถานะออฟไลน์




คือมีเรื่องอยากให้ช่วยหน่อยครับเกี่ยวกับ Google Map ที่ใช้หาเส้นทาง ครับ คือ code ที่หามาสามารถใช้งานได้อย่างปกติอ่ะครับสามารถหาเส้นทางได้อย่างปกติดี แต่ผมต้องการทำให้สูงขึ้นกว่านี้อีกหน่อยคือต้องการ save ข้อมูลในการค้นหาลงไปใน database ด้วยอ่ะครับเผื่อเก็บเป็นสถิตในการค้นหาอะครับต้องทำอย่างไงช่วยหน่อยครับ
นี้เป็น HTML

<b>จุดเริ่มต้นการเดินทาง </b>
        <select id="start" name="start"  onChange="initialize();"> 
			<option value="13.7442,100.491747">สำนักงานอำพลฟูดส์ (ท่าเตียน)</option>
			<option value="13.731881,100.309203">โรงงานอำพลฟูดส์ (พุทธมณฑลสาย 5)</option>
			<option value="13.651325,100.494082">มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าธนบุรี</option>
			<option value="13.622548,100.522921">สุขสวัสดิ์ 74</option>
			<option value="13.788571,100.334566">ศาลาธรรมศพ</option>
			<option value="13.643735,100.59896">สำโรงเหนือ</option>
			<option value="13.724711,100.522427">สุริยวงศ์  บางรัก</option>
		</select> 
		<b>จุดสิ้นสุดการเดินทาง</b> 
		<select id="end" name="end"  onChange="initialize();"> 
			<option value="13.7442,100.491747">สำนักงานอำพลฟูดส์ (ท่าเตียน)</option>
			<option value="13.731881,100.309203">โรงงานอำพลฟูดส์ (พุทธมณฑลสาย 5)</option>
			<option value="13.651325,100.494082">มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าธนบุรี</option>
			<option value="13.622548,100.522921">สุขสวัสดิ์ 74</option>
			<option value="13.788571,100.334566">ศาลาธรรมศพ</option>
			<option value="13.643735,100.59896">สำโรงเหนือ</option>
			<option value="13.724711,100.522427">สุริยวงศ์  บางรัก</option>
		</select> 


นี้เป็น script

 function initialize() {
			
                var center = new google.maps.LatLng(13.732881766645967,100.48181533813477);
				//alert(center);
                var myOptions = {
                    zoom: 12,
                    center: center,
                    scrollwheel: false,
                    mapTypeControl: false,
                    navigationControl: true,
            	    disableDefaultUI: true,
            	    streetViewControl: false,
                    noClear: false,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
//                map = new google.maps.Map(document.getElementById("map"), myOptions);
		map_div = document.getElementById("map");
		
		map = new google.maps.Map(map_div,myOptions);
                var rendererOptions = {
                    draggable: true
                };
 
                //var directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);
               var directionsService = new google.maps.DirectionsService();
				
                //directionsDisplay.setMap(map);
                //directionsDisplay.setPanel(document.getElementById("route"));
 
		    var start = document.getElementById("start").value;
		    var end = document.getElementById("end").value;
			
            var request = {
                origin:start,
                destination:end,
				provideRouteAlternatives: true,
                travelMode: google.maps.DirectionsTravelMode.DRIVING
            };
			
			var trafficLayer = new google.maps.TrafficLayer();
			
			trafficLayer.setMap(map);
			document.getElementById('route').innerHTML = "";
            directionsService.route(request, function(response, status) {
                if (status == google.maps.DirectionsStatus.OK) {
					for (var i = 0; i < response.routes.length; i++)
				{
						if(i==0)
						{
							var _colour = '#ED1C24';//'#00458E';
							var _strokeWeight = 4;
							var _strokeOpacity = 1.0;
							var _suppressMarkers = false;
						}
						else
						{
							var _colour = '#00458E';//'#ED1C24';
							var _strokeWeight = 4;
							var _strokeOpacity = 0.7;
							var _suppressMarkers = false;
						}					
					 	//var directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);
						var directionsDisplay = new google.maps.DirectionsRenderer({
							draggable: false, 
							suppressMarkers: _suppressMarkers, 
							polylineOptions: { 
								strokeColor: _colour, 
								strokeWeight: _strokeWeight, 
								strokeOpacity: _strokeOpacity  
								}
							});	
						directionsDisplay.setPanel(document.getElementById("route"));				
						directionsDisplay.setMap(map);
						directionsDisplay.setDirections(response);
						directionsDisplay.setRouteIndex(i);

						var distanceVal=response.routes[i].legs[0].distance.value;
						var durationVal=response.routes[i].legs[0].duration.value;
						
						$("#distance_value").val(distanceVal); 
						$("#duration_value").val(durationVal); 
						
				}		
                }
            });
        }


ปล.ขอบคุณทุกท่านที่เข้ามาตอบคำถามน่ะครับช่วยหน่อยน่ะครับ



Tag : PHP, MySQL, JavaScript, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-01-24 16:22:25 By : ninjadark View : 1047 Reply : 2
 

 

No. 1



โพสกระทู้ ( 110 )
บทความ ( 0 )



สถานะออฟไลน์


ขุดๆๆๆๆเข้ามาช่วยตอบหน่อยครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-01-24 17:21:05 By : ninjadark
 


 

No. 2



โพสกระทู้ ( 110 )
บทความ ( 0 )



สถานะออฟไลน์


T.T ไม่มีใครทรายเยยเหรอครับใครพอทราบก็เข้ามาช่วยตอบหน่อยน่ะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-01-25 09:07:08 By : ninjadark
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : เกี่ยวกับ googlemap หาเส้นทางครับ help me plz.....
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่