Google map แนะนำเส้นทาง

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา Google map แนะนำเส้นทาง

Google map แนะนำเส้นทาง
ถ้าเราจะแนะนำเส้นทางเหมือนกับgooglemap 
สามารถสายรถทั้งหมดในเส้นทางนั้นๆมาได้ด้วยเลยไหมคะ 
ตอนนี้ที่เข้าใจคือเราต้องเขียนคำสั่งไปเรียกฟังชั่นแนะนำเส้นทาง
แล้วgooglemapจะเลือกเส้นทางมาให้เอง มันก็จะแสดง แค่ 1 เส้นทาง
พี่ๆพอจะมีวิธีที่จะให้มันแสดงทุกเส้นทาง และทุกสายรถเมล์มั้ยคะ

ขอบคุณสำหรับคำแนะนำล่วงหน้าค่ะ <3


Theprat 19-07-2014 02:46:34

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
แนะนำเป็นเส้นทางสายรถเมล์ไม่น่าจะทำได้
ส่วนการแสดงเส้นทางเลือก เช่น กำหนด ต้นทาง ปลายทาง
แล้วให้แผนที่แสดง เส้นทาง แบบมีหลายเส้นทาง น่าจะสามรรถทำได้
แต่ก็จะทำให้การโหลด แสดงข้อความช้าลงตามไปด้วย


ninenik 19-07-2014
 ความคิดเห็นที่ 2
ส่วนที่เกี่ยวข้องประมาณนี้ค่ะ map เป็น transit


var input = (document.getElementById('toPlace'));
	var autocomplete = new GGM.places.Autocomplete(input);
	var input = (document.getElementById('namePlace'));
	var autocomplete = new GGM.places.Autocomplete(input);

	
	
	directionShow.setMap(map);
	
	if(map){
		 searchRoute(myLatlng('',''),initialTo('',''));
	}	 

		GGM.event.addListener(directionShow, 'directions_changed', function()
		{
			var results=directionShow.directions; //สำหรับส่งค่าไปให้ google ค้นหาข้อมูล
         //นำข้อมูลเก็บในตัวแปร
        var distanceText=results.routes[0].legs[0].distance.text;
        var distanceVal=results.routes[0].legs[0].distance.value;
         
        $("#distance_text").val(distanceText);  
        $("#distance_value").val(distanceVal);
		        
    });  

}
	$(function(){ //สร้างเส้นทาง
	searchRoute=function(FromPlace,ToPlace){ 
		if(!FromPlace && !ToPlace){
var FromPlace=$("#namePlace").val();
var ToPlace=$("#toPlace").val();
		}
		
var request={ //สำหรับส่งค่าไปให้ google ค้นหาข้อมูล
	origin:FromPlace,
	destination:ToPlace,
	travelMode: GGM.DirectionsTravelMode.TRANSIT,
	
		};
		//show
		directionsService.route(request, function(results, status){
			if(status==GGM.DirectionsStatus.OK){
				
				directionShow.setDirections(results); 
			 	
				 
				
                var distanceText=results.routes[0].legs[0].distance.text;  
                var distanceVal=results.routes[0].legs[0].distance.value;
                  
                $("#distance_text").val(distanceText);  
                $("#distance_value").val(distanceVal);  
                
				var route = results.routes[0];      
                            var summaryPanel = document.getElementById('directionsPanel');       
                            summaryPanel.innerHTML = '';      
                            for (var i = 0; i < route.legs.length; i++) 
                            {   
								   
                                var routeSegment=i+1;        
                                summaryPanel.innerHTML += '<br><b>ข้อมูลการเดินทาง : ' + routeSegment + '</b><br><b>จาก </b>';        
                                summaryPanel.innerHTML += route.legs[i].start_address  ' <b>ไป ';        
                                summaryPanel.innerHTML += route.legs[i].end_address  '<br><b>ระยะทางโดยประมาณ : </b>';         
                                summaryPanel.innerHTML += route.legs[i].distance.text + '<br><br>';      
								summaryPanel.innerHTML += '<br><b>ค่าใช้จ่ายโดยประมาณ : ' + disVal + '</b><br><b> บาท </b>';
								}         
            }else {
     
      if (status == 'ZERO_RESULTS') {
        alert('ไม่พบเส้นทางระหว่างต้นทางและปลายทางที่ระบุ');
      } else if (status == 'UNKNOWN_ERROR') {
        alert('ไม่สามารถประมวลผลได้! เนื่องจากการผิดพลาดของเซิร์ฟเวอร์ โปรดลองใหม่อีกครั้งหนึ่ง');
      } else if (status == 'REQUEST_DENIED') {
        alert('หน้าเว็บนี้ไม่ได้รับอนุญาตให้ใช้บริการเส้นทาง');
      } else if (status == 'OVER_QUERY_LIMIT') {
        alert('หน้าเว็บหายไปเกินขีดจำกัดของการร้องขอในช่วงระยะเวลาหนึ่ง');
      } else if (status == 'NOT_FOUND') {
        alert('กรุณาระบุตำแหน่งต้นทางหรือปลายทางให้ครบถ้วน !');
      } else if (status == 'INVALID_REQUEST') {
        alert('DirectionsRequest ไม่ถูกต้อง !');         
      } else {
        alert("มีข้อผิดพลาดที่ไม่รู้จักในคำขอของคุณ Requeststatus: nn"+status);
      }
    }
        });


Theprat 19-07-2014 23:32
 ความคิดเห็นที่ 3
ใครพอจะมีแนวทางที่จะศึกษา
หรือทฤษฎีที่รองรับหรือชี้แจงได้อย่างชัดเจนไหมคะ :(


Theprat 19-07-2014 23:59
 ความคิดเห็นที่ 4
เดี๋ยวนี้มี google place แล้วหรอ
น่าสนใจมาก เดี๋ยวต้องลอง


ninenik 20-07-2014
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ