GoDaddy在地图窗口中显示JSON数据的问题

Question

我需要第二眼，这里。我在控制台中运行了以下代码，它返回下面图像中的内容。

我将代码嵌入到my web page的html中，什么也没有。我尝试使用https：//使用网址获取JSON，但仍然没有。这是一个GoDaddy Web服务器问题，还是我只是注定要一起显示这些数据？

   var obj = "";

    function initMap() {
        var hc = {lat: 40.4512, lng: -85.3700};
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 4,
            center: hc
        });

        var infowindow = new google.maps.InfoWindow({
            content: obj
        });

        var marker = new google.maps.Marker({
            position: hc,
            map: map,
            title: 'Hartford City'
        });
        marker.addListener('click', function() {
            infowindow.open(map, marker);
        });
    }

    var downloadJSON = function() {
        $.getJSON( "ajax/GeoObs.json", function( data ) {
            var items = [];
            items.push( "<li id='Weather'>Weather: " + data.features[0].properties.Weather + "</li>");
            items.push( "<li id='Weather'>Temp: " + data.features[0].properties.Temp + "</li>");
            items.push( "<li id='Weather'>Wind: " + data.features[0].properties.Wind + "</li>");
            obj = $('<div>').append($( "<ul/>", { class: "my-new-list", html: items.join("") })).html();
            initMap();
        });
    }
                </script><script async defer
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCz672JUYjod6zzfxnBg_rzBNsBfbbjpJc&callback=initMap">

Answer 1

您的downloadJSON函数永远不会被调用。

修改您的Google Maps API <script>，以便在加载时调用downloadJSON而不是initMap：

示例：

<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCz672JUYjod6zzfxnBg_rzBNsBfbbjpJc&callback=downloadJSON"></script>