Google 使用来自 mysql 的数据映射方向

Question

如何在google地图上指明方向？我在 google 地图上很新。我试过关于 google 开发人员的教程，但它在指示时使用了 Places Library。但我的问题是我有两个点，例如 A 点和 B 点。A 点和 B 点的纬度和经度存储在 mysql 中。我如何从在 mysql 上存储纬度和经度的 2 个点（A 点和 B 点）确定方向？谢谢

Answer 1

链接教程未使用地点库。

当您想使用固定纬度和经度从数据库中获取它们时，根据这些值创建 google.maps.LatLng（或 LatLngLiterals）并将其用作起点和终点。

示例（假设您创建了 4 个 PHP 变量 $point_a_lat、$point_a_lng、$point_b_lat、$point_b_lng ）

function initMap() {
  var directionsService = new google.maps.DirectionsService;
      map = new google.maps.Map(document.getElementById('map'), {
        zoom: 7,
        center: {lat: 41.85, lng: -87.65}
      }),
      directionsDisplay = new google.maps.DirectionsRenderer({map:map}),
      displayRoute=function(origin,destination){
          directionsService.route({
            origin: origin,
            destination: destination,
            travelMode: google.maps.TravelMode.DRIVING
            }, function(response, status) {
                if (status === google.maps.DirectionsStatus.OK) {
                  directionsDisplay.setDirections(response);
                } else {
                  alert('Directions request failed due to ' + status);
                }
               });
      };
      
      displayRoute(
        { 
          //lat:<?php echo $point_a_lat;?>,
          //lng:<?php echo $point_a_lng;?>,
          lat:52.52, 
          lng:13.40
        },
        { //lat:<?php echo $point_b_lat;?>,
          //lng:<?php echo $point_b_lng;?>,
          lat: 48.85, 
          lng: 2.35
        }
      );
}

html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 100%;
      }

<div id="map"></div>
<script src="https://maps.googleapis.com/maps/api/js?v=3&callback=initMap"
        async defer></script>

Google 使用来自 mysql 的数据映射方向

Google Map Direction using data from mysql

php

mysql

google-maps

directions