Загрузка файлов GPX из AmazonS3 с Google-Maps -APIv3 работает только локально, но не на развернутом сайте (Heroku) - PullRequest
Новая
       84

Загрузка файлов GPX из AmazonS3 с Google-Maps -APIv3 работает только локально, но не на развернутом сайте (Heroku)

0 голосов
/ 19 марта 2020

Я пытаюсь применить Google Maps API (v3) на своем сайте, который развернут на Heroku.
Карта заполнена данным файлом GPX, предоставленным JS / Ajax.
Файл GPX хранится на AmazonS3.

(я не думаю, что это имеет значение, но обратите внимание, что сайт построен с Django, а файл GPX является FileField соответствующей модели).

Локально работает очень хорошо (локальный ip), но карта не загружается на развернутом сайте.
Я не смог отследить любую связанную ошибку в журналах сервера, например, неправильный ключ и т. Д. c.

Ниже приведен соответствующий фрагмент кода: 

<div id="map" style="width: 50%; height: 50%;"></div>

<script>
    function loadGPXFileIntoGoogleMap(map, filename) {
        $.ajax({url: filename,
                dataType: "xml",
                success: function(data) {
                    var parser = new GPXParser(data, map);
                    parser.setTrackColour("#ff0000");     // Set the track line colour
                    parser.setTrackWidth(5);              // Set the track line width
                    parser.setMinTrackPointDelta(0.001);  // Set the minimum distance between track points
                    parser.centerAndZoom(data);
                    parser.addTrackpointsToMap();         // Add the trackpoints
                    parser.addRoutepointsToMap();         // Add the routepoints
                    parser.addWaypointsToMap();           // Add the waypoints
                }
        });
    }

    function initMap() {
        var mapOptions = {
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map"), mapOptions);
        loadGPXFileIntoGoogleMap(map, "{{ object.gpx_file.url }}");
    }
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=...&callback=initMap"
    async defer></script>

Вот соответствующие снимки:

enter image description here

Подписан это журнал консоли (Chrome) на развернутом сайте:

enter image description here

Не могли бы вы мне помочь с этим?
Это проблема API GoogleMaps? проблема с AmazonS3? Другое?
Как я могу заставить GoogleMaps работать на развернутом сайте?

Спасибо,
Shahar

...