将php json传递给google map API的javascript对象

将php json传递给google map API的javascript对象,javascript,php,json,google-maps-api-3,Javascript,Php,Json,Google Maps Api 3,我建立了一个坐标和其他飓风信息的数据库 <?php include '/database_connector.php'; //include database connection information $new = array(); $result=mysqli_query($con, "select * from Spots15 where `Name` = 'Ana' or 'One'"); while($row=mysqli_fetch_array($result)

我建立了一个坐标和其他飓风信息的数据库

<?php
    include '/database_connector.php'; //include database connection information
 $new = array();
 $result=mysqli_query($con, "select * from Spots15 where `Name` = 'Ana' or 'One'");
 while($row=mysqli_fetch_array($result)){
  $lat      = $row['LAT'];
  $long     = $row['LONG'];
  $latlong = $lat.", ". $long;
  array_push($new, $latlong);
}    
  echo json_encode($new);
?>
我想通过这些谷歌地图api可以绘制出地图上的坐标

var four=new google.maps.LatLng(28.2,-96.0);

您可以在html标记之前(或者在另一个PHP页面中,使用include函数)检索数据,然后使用此行将PHP数组传递给JavaScript:

var arr = <?php echo json_encode($new) ?>;
之后,可以使用变量绘制所有点

var four = new google.maps.LatLng(lat, lng);
我希望我正确地理解了你的问题

这里是代码的一个小预览

var arr = <?php echo json_encode($new) ?>;
for(var i=0; i<arr.length;i++)
{
    var lat = Number(arr[i].split(",")[0].trim());
    var lat = Number(arr[i].split(",")[0].trim());
    var four = new google.maps.LatLng(lat,lng);
    var marker=new google.maps.Marker({
                position:four,
                map:map
            });
}
var-arr=;

对于(var i=0;我有没有看过谷歌地图API教程?是的,这就是我知道它是坐标的正确方式。我的网站上有API。我已经在头版硬编码了热带风暴法案。飓风跟踪。USCA请你澄清一下。你的问题是什么,你面临的问题是什么?数组$new应该是以以下格式输出到javascript“var four=new google.maps.LatLng(28.2,-96.0);”我想让每个变量都成为一个数字,但这可能不太可能。以下是几个问题。我是否必须在php代码和javascript代码中都有json行,还是可以在javascript部分有json行?其次,我可以在地图上的多个点上有相同的变量?代码中不需要两次json_编码行。只使用它在JavaScript函数中。关于另一个问题,我不太理解。你能解释一下你的意思吗?在你的代码中,每次循环都会在变量4中放置不同的坐标。是的,就是这样。这样你就可以绘制整个数组。有什么问题吗?我一直在使用w3schools教程
var four = new google.maps.LatLng(lat, lng);
var arr = <?php echo json_encode($new) ?>;
for(var i=0; i<arr.length;i++)
{
    var lat = Number(arr[i].split(",")[0].trim());
    var lat = Number(arr[i].split(",")[0].trim());
    var four = new google.maps.LatLng(lat,lng);
    var marker=new google.maps.Marker({
                position:four,
                map:map
            });
}