เกี่ยวกับ googlemap หาเส้นทางครับ help me plz.....
คือมีเรื่องอยากให้ช่วยหน่อยครับเกี่ยวกับ 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
Date :
2012-01-24 16:22:25
By :
ninjadark
View :
1080
Reply :
2
ขุดๆๆๆๆเข้ามาช่วยตอบหน่อยครับ
Date :
2012-01-24 17:21:05
By :
ninjadark
T.T ไม่มีใครทรายเยยเหรอครับใครพอทราบก็เข้ามาช่วยตอบหน่อยน่ะครับ
Date :
2012-01-25 09:07:08
By :
ninjadark
Load balance : Server 04