สอบถามค่ะ ถ้าต้องการให้ pointA รับค่าละติจูดลองจิจูดแบบอัตโนมัติมีวิธีไหนทำได้บ้างคะ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามค่ะ ถ้าต้องการให้ pointA รับค่าละติจูดลองจิจูดแบบอัตโนมัติมีวิธีไหนทำได้บ้างคะ

*สอบถามค่ะ* ถ้าต้องการให้ pointA รับค่าละติจูดลองจิจูดแบบอัตโนมัติมีวิธีไหนทำได้บ้างคะ

ตามหัวข้อเลยค่ะ คือเราต้องการให้ pointA ในโค้ดบรรทัดที่ 2 เป็นการรับเลยละติจูดลองจิจูดแบบอัตโนมัติ พอมีวิธีไหนแก้ได้บ้างคะ

function initMap() {
    var  pointA = new google.maps.LatLng(12.602035, 102.096195);
    var  pointB = new google.maps.LatLng(12.663197, 102.105074);
    var  myOptions = {
        zoom: 7,
        center: pointA
      };
    var  map = new google.maps.Map(document.getElementById('map-canvas'), myOptions),
      // Instantiate a directions service.
      directionsService = new google.maps.DirectionsService,
      directionsDisplay = new google.maps.DirectionsRenderer({
        map: map
      });
    var  markerA = new google.maps.Marker({
        position: pointA,
        title: "point A",
        label: "A",
        map: map
      });
    var  markerB = new google.maps.Marker({
        position: pointB,
        title: "point B",
        label: "39",
        map: map
      });
  
    // get route from A to B
    calculateAndDisplayRoute(directionsService, directionsDisplay, pointA, pointB);
}

function calculateAndDisplayRoute(directionsService, directionsDisplay, pointA, pointB) {
    directionsService.route({
      origin: pointA,
      destination: pointB,
      travelMode: google.maps.TravelMode.DRIVING
    }, function(response, status) {
      if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(response);
      } else {
        window.alert('Directions request failed due to ' + status);
      }
    });
}

ส่วนนี่เป็นรูปภาพที่แสดงขึ้นหน้าเว็บค่ะ

ส่วนอันนี้เป็นโค้ด HTML ค่ะ

<!DOCTYPE html>
<html>
  <head>
    <title>Add Map</title>

    <link rel="stylesheet" type="text/css" href="./สไตล์แบบลองๆ.css" />
    <script src="./direction.js"></script>
  </head>
  <body>
    <h3>My Google Maps Demo</h3>
    <!--The div element for the map -->
    <div id="map-canvas"></div>

    <!-- Async script executes immediately and must be after any DOM elements used in callback. -->
    <script
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAn9F7bRABwPnrEO3YjQq6jHHWLEyqB7xU&callback=initMap&libraries=&v=weekly"

      async defer></script>
  </body>
</html>

Gift Jitpisut 15-12-2021 23:30:37

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

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

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

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

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

ตรง HTML บรรทัดที่ 16 กับ 1 ต่อกันนะคะ

Gift Jitpisut 15-12-2021 23:32

ความคิดเห็นที่ 2

ถ้าหมายถึงตำแหน่งปัจจุบัน จากเครื่องผู้ใช้ ลองดูบทความด้านล่างเป็นแนวทาง

บทความแนะนำที่เกี่ยวข้อง
แสดงตำแหน่งปัจจุบัน ของคุณ ใน google map v3 อย่างง่าย	อ่าน 53,984
บันทึกตำแหน่งปัจจุบัน ใน google map ลงฐานข้อมูล ตอนที่ 2	อ่าน 25,121
ใช้ gps ระบุตำแหน่ง และอัพเดท ตำแหน่งอัตโนมัติ ใน google map	อ่าน 20,748

ninenik 16-12-2021

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน