โค้ด: เลือกทั้งหมด
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAvl1_oma2NgZFoRBeoM6sf_nsZj2gViHo&callback=myMap"></script>
Moderator: mindphp, ผู้ดูแลกระดาน
โค้ด: เลือกทั้งหมด
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAvl1_oma2NgZFoRBeoM6sf_nsZj2gViHo&callback=myMap"></script>
อ่อๆคาบเราต้องเปลี่ยน callback ให้เป็น callback=initMap แบบนี้ใช่ไหมคาบtsukasaz เขียน:callback คือ ชื่อ function ที่ใช้เรียกแผนที่ เหมือนใช้คนละชื่ออยู่โค้ด: เลือกทั้งหมด
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAvl1_oma2NgZFoRBeoM6sf_nsZj2gViHo&callback=myMap"></script>
แก้แล้วคาบได้แล้วคาบ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(<?php echo $this->province[$this->get->get('i')];?>).addEventListener('change', onChangeHandler);
document.getElementById(<?php echo $this->province[$this->get->get('e')];?>).addEventListener('change', onChangeHandler);
}
function calculateAndDisplayRoute(directionsService, directionsDisplay) {
directionsService.route({
origin: document.getElementById(<?php echo $this->province[$this->get->get('i')];?>).value,
destination: document.getElementById(<?php echo $this->province[$this->get->get('e')];?>).value,
travelMode: 'DRIVING'
}, function (response, status) {
if (status === 'OK') {
directionsDisplay.setDirections(response);
} else {
window.alert('Directions request failed due to ' + status);
}
});
}
</script>
เราต้องใส่ไอดีของตัว listbox ใช่ไหมค่ะtsukasaz เขียน:มันเป็น javascript ครับ getElementById คือ ไอดีของ element ไม่ใช่ ไอดีของข้อมูลในฐาน
ลองเอามาใส่แล้ว id ของ listbox คือ i แล้วเอามาใส่แล้วtsukasaz เขียน:ใช่ๆ
โค้ด: เลือกทั้งหมด
document.getElementById('i').addEventListener('change', onChangeHandler);
ใช่ๆคาบtsukasaz เขียน:ไอดีของ listbox คือ i หรอ
โค้ด: เลือกทั้งหมด
<select id="i" name="i">
........
</select>
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 102