将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
});
}