Q :ต้องการให้แผนที่เปลี่ยนตำแหน่งตามจังหวัดต้นทางและจังหวัดปลายทางที่ผู้ใช้เลือกใน listbox ใน joomla

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: Q :ต้องการให้แผนที่เปลี่ยนตำแหน่งตามจังหวัดต้นทางและจังหวัดปลายทางที่ผู้ใช้เลือกใน listbox ใน joomla

Re: Q :ต้องการให้แผนที่เปลี่ยนตำแหน่งตามจังหวัดต้นทางและจังหวัดปลายทางที่ผู้ใช้เลือกใน listbox ใน joomla

โดย Parichat » 19/03/2018 6:34 pm

tsukasaz เขียน::lol:
tsukasaz เขียน:ลองดูตัวอย่างจาก https://developers.google.com/maps/docu ... ons-simple
:-D :-D :-D :-D :-D

Re: Q :ต้องการให้แผนที่เปลี่ยนตำแหน่งตามจังหวัดต้นทางและจังหวัดปลายทางที่ผู้ใช้เลือกใน listbox ใน joomla

โดย tsukasaz » 19/03/2018 6:14 pm

:lol:
tsukasaz เขียน:ลองดูตัวอย่างจาก https://developers.google.com/maps/docu ... ons-simple

Re: Q :ต้องการให้แผนที่เปลี่ยนตำแหน่งตามจังหวัดต้นทางและจังหวัดปลายทางที่ผู้ใช้เลือกใน listbox ใน joomla

โดย Parichat » 19/03/2018 6:10 pm

tsukasaz เขียน:ก่อนอื่นจำได้ไหมว่ากำลังทำอะไรอยู่
ทำให้แผนที่เลือกจังหวัดต้นทางไปจังหวัดปลายทางตามที่เราเลือกคาบ

Re: Q :ต้องการให้แผนที่เปลี่ยนตำแหน่งตามจังหวัดต้นทางและจังหวัดปลายทางที่ผู้ใช้เลือกใน listbox ใน joomla

โดย tsukasaz » 19/03/2018 5:48 pm

ก่อนอื่นจำได้ไหมว่ากำลังทำอะไรอยู่

Re: Q :ต้องการให้แผนที่เปลี่ยนตำแหน่งตามจังหวัดต้นทางและจังหวัดปลายทางที่ผู้ใช้เลือกใน listbox ใน joomla

โดย Parichat » 19/03/2018 5:44 pm

tsukasaz เขียน:ก็ใช่ครับ ก็คำสั่งมันผิด
เราต้องแก้ยังไงคาบ :-D :-D :-D

Re: Q :ต้องการให้แผนที่เปลี่ยนตำแหน่งตามจังหวัดต้นทางและจังหวัดปลายทางที่ผู้ใช้เลือกใน listbox ใน joomla

โดย Parichat » 19/03/2018 4:19 pm

tsukasaz เขียน:ถ้าแบบนั้นมันต้องใช้ jQuery ช่วย จริงๆ ลองทดสอบค่าดูก่อนก็ได้ ใช้ คำสั่ง console.log();
ลองเช็คดูแล้วไม่ออกค่าอะไรคาบ

Re: Q :ต้องการให้แผนที่เปลี่ยนตำแหน่งตามจังหวัดต้นทางและจังหวัดปลายทางที่ผู้ใช้เลือกใน listbox ใน joomla

โดย tsukasaz » 19/03/2018 11:35 am

ถ้าแบบนั้นมันต้องใช้ jQuery ช่วย จริงๆ ลองทดสอบค่าดูก่อนก็ได้ ใช้ คำสั่ง console.log();

Re: Q :ต้องการให้แผนที่เปลี่ยนตำแหน่งตามจังหวัดต้นทางและจังหวัดปลายทางที่ผู้ใช้เลือกใน listbox ใน joomla

โดย Parichat » 19/03/2018 11:23 am

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>

ข้างบน