javascript - 如何将 php 中的值分配给我的脚本变量以用于谷歌地图的飞行计划坐标？

Question

我想获取 php 的输出并将其分配给脚本中的变量。原因是因为每次我单击按钮时，我都想重新读取 div id =“map” 的内容，因为飞行计划坐标的值会发生变化，我尝试做类似的事情

var flightplancoordinates = [<?php 
   echo "{lat: $latitude_data, lng: $longitude_data},";  
 ?>
 ];

但这将使我的 map 不可更改且静态，但我希望它可以更改，我知道有很多需要更改，但我不知道从哪里开始；以下是我在“test.php”中的脚本，并且几乎是我的 test.php 中除了常用脚本之外的唯一内容。

<div id="map">
   <script>
    function initMap() {
      var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 18,
        center: {lat: 8.264670, lng: 124.263394},
        mapTypeId: 'terrain'


      }
     );

      var flightPlanCoordinates = [
       //where i want to assign the value
      ];
      var flightPath = new google.maps.Polyline({
        path: flightPlanCoordinates,
        geodesic: true,
        strokeColor: '#FF0000',
        strokeOpacity: 1.0,
        strokeWeight: 2
      });

      flightPath.setMap(map);
    }
</script>
</div>

下面是我想要的 php.ini 的示例。 “dbphp.php”

 <?php

$conn=pg_connect("host=localhost dbname=routing user=postgres password=password")
  or die("Can't connect to database".pg_last_error());

  if(isset($_POST['latitude'], $_POST['longitude'])){
     $longitude = $_POST['longitude'];
     $latitude = $_POST['latitude'];
     $result = pg_query($conn, "select * from shortpath($longitude, 
     $latitude)");
     while($row = pg_fetch_assoc($result)){
        echo "{lat: $latitude_data, lng: $longitude_data},";
  }
 }    
?>

以下是 var Flightplancoordinates 的示例，其中包含来自 google api 教程的值。

var flightPlanCoordinates = [
      {lat: 37.772, lng: -122.214},
      {lat: 21.291, lng: -157.821},
      {lat: -18.142, lng: 178.431},
      {lat: -27.467, lng: 153.027}
    ];

Answer 1

如果您在重新加载时尝试将数据从 php 传递到 javascript，则可以使用 json_encode 并在主脚本之前运行的脚本上回显它。