ลองเปลี่ยนแล้วคาบtsukasaz เขียน:ใน function ชื่อ calculateAndDisplayRoute มันจะมีค่าต้นทาง origin กับ ปลายทาง destination
ซึ่งมันใช้อ่านค่าจาก value อยู่ ก็เปลี่ยนเป็นอ่านค่าจาก text แทน
แต่มันไม่ขึ้นคาบ
Moderator: mindphp, ผู้ดูแลกระดาน
ลองเปลี่ยนแล้วคาบtsukasaz เขียน:ใน function ชื่อ calculateAndDisplayRoute มันจะมีค่าต้นทาง origin กับ ปลายทาง destination
ซึ่งมันใช้อ่านค่าจาก value อยู่ ก็เปลี่ยนเป็นอ่านค่าจาก text แทน
เปลี่ยนจาก value เป็น text คาบtsukasaz เขียน:ลองยังไงครับ
tsukasaz เขียน:ดูโค้ดก็รู้
โค้ด: เลือกทั้งหมด
<script>
function initMap() {
var directionsService = new google.maps.DirectionsService;
var directionsDisplay = new google.maps.DirectionsRenderer;
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 7,
center: {lat: 13.7234186, lng: 100.4762319}
});
directionsDisplay.setMap(map);
var onChangeHandler = function() {
calculateAndDisplayRoute(directionsService, directionsDisplay);
};
document.getElementById('i').addEventListener('change', onChangeHandler);
document.getElementById('e').addEventListener('change', onChangeHandler);
}
function calculateAndDisplayRoute(directionsService, directionsDisplay) {
directionsService.route({
origin: document.getElementById('i').text,
destination: document.getElementById('e').text,
travelMode: 'DRIVING'
}, function(response, status) {
if (status === 'OK') {
directionsDisplay.setDirections(response);
} else {
window.alert('Directions request failed due to ' + status);
}
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAvl1_oma2NgZFoRBeoM6sf_nsZj2gViHo&libraries=places&callback=initMap"
async defer></script>
ลองเช็คดูแล้วไม่ออกค่าอะไรคาบtsukasaz เขียน:ถ้าแบบนั้นมันต้องใช้ jQuery ช่วย จริงๆ ลองทดสอบค่าดูก่อนก็ได้ ใช้ คำสั่ง console.log();
เราต้องแก้ยังไงคาบtsukasaz เขียน:ก็ใช่ครับ ก็คำสั่งมันผิด
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 98