Question

我正在努力改变我的javascript代码中的标记。尽管在网上提到了很多例子，但这些解决方案似乎都不适用于我。我是初学者，所以请耐心等待我。

` {％for datadump％}} 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 %}`

我尝试过不同的方法将图像提供给标记变量，但似乎没有任何方法可行。

解决方案N°1：静态文件路径作为icon参数的输入，如上例所示。

解决方案N°2：相对路径作为图标参数的输入

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

解决方案N°3：作为图标参数输入的URL路径

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

有人可以帮助我吗？

Answer 1

从我看来，

没有错

   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/'
});

或重新配置您的静态文件夹，以便将其指向正确的路径。

在地图中更改标记

1 个答案: