java Updatea使用php/codeigniter使用ajax/javascript映射标记
我正在创建一个谷歌地图应用程序。我需要用Ajax从数据库中加载位置数据，这样我就可以每x秒显示一次这些数据。我使用的是CodeIgniter/PHP。这就是我得到的：
<!DOCTYPE html>
<html>
<head>
<title>Simple Map</title>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map;
var data;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8
});
httpCall();
}
function httpCall($http) {
$http({
method: 'GET',
url: '<?php echo site_url('User/marks') ?>',
data: { data: 'data' },
dataType: "json"
}).success(function(data){
alert(data);
for (var i = 0, len = data.length; i < len; ++i) {
var marker = new google.maps.Marker({
position: {
lat: parseFloat(data[i].lat),
lng: parseFloat(data[i].lng)
},
map: map
});
}
})
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?callback=initMap"
async defer></script>
</body>
</html>
用户/标记功能是：
function marks() {
echo json_encode($this->user_model->get_marks());
}
用户模型获取标记功能是：
function get_marks() {
$sql = "select lat,lng
from tbl_locations";
$query = $this->db->query($sql);
$result = $query->result();
return $result;
}
我的错误是：
ReferenceError: data is not defined
显然我传递的数据不正确，但正确的方法是什么
共 (0) 个答案