簡體   English   中英

使用php,javascript和json添加地圖標記

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM