更改地图中的标记

Question

我正在努力更改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 %}`

我已经尝试了不同的方法来将图像提供给标记变量，但似乎都没有工作。

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

解决方案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/'
});

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