Блог

Главная - Вопросы по программированию - Данные JSON не отображаются на маркере на карте Google

Данные JSON не отображаются на маркере на карте Google

#javascript #jquery #json #google-maps #google-maps-api-3

#javascript #jquery #json #google-карты #google-maps-api-3

Вопрос:

Я хочу загрузить свои данные JSON, чтобы они отображались на маркерах карты Google. Я использовал метод Jquery getJSON для вызова данных JSON с сервера. Но карта отображается, но не маркеры. Вот коды

  var map;
    
    function initialize() {
   
        var mapProp = {
                center: new google.maps.LatLng(28.003389000000, -82.429500000000),
                zoom: 5,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

        map = new google.maps.Map(document.getElementById("map"), mapProp);
        $.getJSON('http://tripleclickstudio.com/json/file.json?callback=?', function (json1) {
   
            $.each(json1.ResponseData, function (key, data) {

                var latLng = new google.maps.LatLng(data.CoordinateY, data.CoordinateX),
                    marker = new google.maps.Marker({
                        position: latLng,
                        map: map,
                        title: data.BuildingName
                    }),
                    details = data.BuildingName   ", "   data.Location   ".";
                
            });

        });
    }
    var infowindow = new google.maps.InfoWindow();
    function bindInfoWindow(marker, map, infowindow, strDescription) {
       
        google.maps.event.addListener(marker, 'click', function () {
            infowindow.setContent(strDescription);
            infowindow.open(map, marker);
        });
        bindInfoWindow(marker, map, infowindow, details);
    }

    google.maps.event.addDomListener(window, 'load', initialize);
      
 <script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <div id="map" style="border: 2px solid #3872ac;"></div>

это ссылка на мой JSON-файл JSON file. Итак, вот в чем дело, я хочу, чтобы координаты данных JSON отображались в виде маркера на карте Google. Итак, любой so, если кто-нибудь скажет мне, какую ошибку я допустил и что нужно сделать, чтобы исправить это. Спасибо

Комментарии:

1. Есть ли какие-либо ошибки в консоли инструментов разработчика браузеров

Ответ №1:

Просто удалите ?callback=? из URL-адреса json.

Этот синтаксис предназначен для JSONP, а содержимое вашего файла — JSON.