gpt4 book ai didi

javascript - 如何根据数据库中的更改更新谷歌地图标记

转载 作者:行者123 更新时间:2023-11-28 00:48:54 24 4
gpt4 key购买 nike

我正在努力跟踪车辆。当我在数据库中进行更改时,我正在尝试更新我的 map 标记。我执行以下显示标记的代码,但我需要在更改 MYSQL 数据库中的位置值时更新它我的代码在这里

<?php 
include('connect.php');
if(!isset($_POST['bus_select'])){
header('Location: index.php');
exit;
}
?>
<!DOCTYPE html>
<html>
<head>
<title>JU Bus Google Map</title>
<style type="text/css">
html {height:100%}
body {height:100%;margin:0;padding:0}
#googleMap {height:100%}
</style>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCzr1ZAuglRaD5BQA2u03fWftMB7RkOzxE&sensor=false"></script>
<?php
//for important date page
function value_return($query){

$result= mysql_query($query);
$value=mysql_result($result,0);
return $value;

}


$lat= value_return('SELECT `lat` FROM `bus` WHERE `bus_id`='.$_POST['bus_select']);
$long= value_return('SELECT `long` FROM `bus` WHERE `bus_id`='.$_POST['bus_select']);
$detail= value_return('SELECT `bus_details` FROM `bus` WHERE `bus_id`='.$_POST['bus_select']);
$last_updated= value_return('SELECT `last_update` FROM `bus` WHERE `bus_id`='.$_POST['bus_select']);
print '
<script>
var myCenter=new google.maps.LatLng('.$lat.','.$long.');
var marker;

function initialize()
{
var mapProp = {
center:myCenter,
zoom:15,
mapTypeId:google.maps.MapTypeId.ROADMAP
};

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);

marker=new google.maps.Marker({
position:myCenter,
animation:google.maps.Animation.BOUNCE
});

marker.setMap(map);

var infowindow = new google.maps.InfoWindow({
content:"'.$detail.'<br>Last Updated: '.$last_updated.'"
});

infowindow.open(map,marker);


}

google.maps.event.addDomListener(window, "load", initialize);
</script>';
?>
</head>

<body>
<div id="googleMap" ></div>
</body>
</html>

最佳答案

您需要重新查询数据库 - 通常使用 AJAX 完成...这是一个教程 example 。之后,您只需调用marker.setPosition(YOUR-NEW-LATLNG)

关于javascript - 如何根据数据库中的更改更新谷歌地图标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27024775/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com