Question

经过长时间的搜索，我发现没有选项可以将标记图标设置为自定义。我现在正试图将我的标记绘制成两种不同的类型。我需要通过使用两个单独的图标清楚地将其可视化，是否有任何选项可以在Globe中设置自定义标记图标。更快的回复将非常有用，因为我处于截止日期的边缘。

我使用简单的Globe api

    var earth = new WE.map('earth_div');
      WE.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(earth);

    {% for last_place_marker in last_place_markers %}
    var marker = WE.marker([{{last_place_marker.destination_lat}}, {{last_place_marker.destination_longit}}]).addTo(earth);
    marker.bindPopup("<b>{{last_place_marker.destinaton}}</b><br>{{last_place_marker.when}}<br /><span style='font-size:10px;color:#999'>{{last_place_marker.description}}</span>", {maxWidth: 150, closeButton: true});
    //.openPopup()
    {% endfor %}

    {% for target_marker in target_markers %}
    {% if target_marker.target_destination_lat %}

        var marker = WE.marker([{{target_marker.target_destination_lat}}, {{target_marker.target_destination_longit}}]).addTo(earth);
        marker.bindPopup("<b>{{target_marker.target}}</b><br>{{target_marker.when}}<br /><span style='font-size:10px;color:#999'>{{target_marker.description}}</span>", {maxWidth: 150, closeButton: true});
        //.openPopup()
    {% endif %}
    {% endfor %}

    earth.setView([25, 79], 2.5);

Answer 1

Globe API是一个开源API，它不会提供自定义标记图标，打开谷歌地图将是更好的选择。

Answer 2

您可以更改CSS样式的值。

<style>
    .we-pm-icon {
    background-image: url(http://madridhoy.info/imagejpg.php?url=http://campinadigital.me/wp-content/uploads/2020/06/160620-planas.jpg&rs=1)!important;
    }
</style>

Globe API的自定义标记图标

2 个答案: