更改地图中的标记

Question

我正在努力更改 javascript 代码中的标记。尽管参考了网络上的大量示例，但 none 的解决方案似乎对我有用。我是初学者，所以请耐心等待我。

` {% 用于数据转储中的数据 %} 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 %}`

我尝试了不同的方法来将图像提供给标记变量，但 none 似乎有效。

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

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

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

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

更改地图中的标记

Change marker in map

html

javascript

django

google-maps

google-maps-markers