Изменить маркер на карте - PullRequest
0 голосов
/ 02 июня 2018

Я борюсь с изменением маркера в моем коде JavaScript.Несмотря на то, что я сослался на многочисленные примеры в Интернете, ни одно из решений, похоже, не работает для меня.Я новичок, поэтому, пожалуйста, будьте терпеливы со мной.

`{% для данных в дампе данных%} var latLng = new google.maps.LatLng ({{data.latitude}}, {{data.longitude}});

        var marker = new google.maps.Marker({
            position: latLng,
            map: map,
            title: '{{data.locationid}}',
            label: '{{data.observationdate}}',
            icon: "{% static '/darkskymap/img/markers/rocket-15.svg' %}"
        });

        {% endfor %}`

Я пробовал разные способы подачи изображения в маркерную переменную, но, похоже, ни один из них не работает.

Решение № 1: Статический путь к файлу в качестве входных данных для параметра значка, как в примере выше.

Решение № 2: относительный путь в качестве входных данных для параметра значка

icon: "/darkskymap/static/darkskymap/img/markers/rocket-15.svg"

Решение № 3: URL-путь в качестве входных данных для параметра значка

var image = "https://www.pythonanywhere.com/user/......./darkskymap/static/darkskymap/img/markers/rocket-15.svg"
icon: image

Может кто угоднопожалуйста, помогите мне?

1 Ответ

0 голосов
/ 03 июня 2018

Из того, что я вижу, нет ничего плохого в

   var marker = new google.maps.Marker({
        position: latLng,
        map: map,
        title: '{{data.locationid}}',
        label: '{{data.observationdate}}',
        icon: "{% static '/darkskymap/img/markers/rocket-15.svg' %}"
    });

Все, что вам нужно сделать, это указать правильный ресурс.Попробуйте разместить свой значок на сервере, который указывает его имя хоста.например, https://www.pexels.com/search/car/

var marker = new google.maps.Marker({
    icon: 'https://www.pexels.com/search/car/'
});

Или перенастройте вашу статическую папку, чтобы вы указали ее правильный путь.

...