[英]Adding multiple markers from external json to Google Map in Javascript
[英]Adding map markers with php, javascript and json
嘗試通過使用php然后使用json_encode()檢索來自mysql的標記,然后在javascript中使用結果。 目前我正在為我顯示地圖,但標記不是!
MarkersController.php - 從數據庫中獲取信息。
$list = array();
while ($row = mysqli_fetch_assoc($result)) {
$list[] = array(
array('lat' => $lat),
array('lng' => $lng));
}
echo json_encode($list);
landing.html上
<script type="text/javascript" src="js/jquery-1.11.2.js"></script>
<script type = "text/javascript"
src = "https://maps.googleapis.com/maps/api/js?
key=AIzaSyB76xBqfQdgOLV77VK3JZ09vWwk8brkMFs">
</script>
<script type="text/javascript">
var map = null;
function addMarker(lat, lng) {
var myLatLng = new google.maps.LatLng(lat, lng);
marker = new google.maps.Marker({
position: myLatLng,
map: map
});
}
function initialize() {
var mapOptions = {
center: {lat: 54.872128, lng: - 6.284874},
zoom: 13
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
$.getJSON('MarkersController.php', function(data){
$.each(data, function(lat, lng){
addMarker('lat', 'lng');
});
})
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
嘗試使用MarkersController.php中的數組來實現addMarker()函數。
嘗試header('Content-Type: application/json');
在您的回聲或您從服務器獲得的結果之前將是純文本。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.