Question

我整理了一个Wordpress插件Twitchers，允许人们通过网站发布野生动物目击等。你可以从Wordpress免费下载（有点促销:)）

我目前正在使用它来报告犀牛偷猎事件http://wildlifenews.co.uk/tell-the-world-the-rhino-are-dying/

我已将标记设置为根据报告发布的时间显示不同的颜色。我遇到的问题是尝试将最新报告的标记显示为高于旧报告。

我不确定为什么，但旧报告有时会根据缩放级别淹没和隐藏最新报告。

将最新报告带到前线的最佳方法是什么？我试图将div样式和z-index注入代码但它不起作用。

有关探索路线的任何建议吗？

感谢凯文

Answer 1

您应该使用标记zIndex。与CSS一样，较高的zIndex提供较高的内部“等级”。无法完全理解您的代码（似乎是重生的javascript生成的服务器端？）但您有days和函数addMarker。

将天数传递给addMarker函数：

var addMarker = function(map, latlng, days) {
    var marker = new google.maps.Marker({
        map: map,
        draggable: false,
        position: latlng,
        zIndex: daysToIndex(days), //set zIndex here
        icon: image
    });
    return marker;
};

function daysToIndex可能类似于

function daysToIndex(days) {
    if (parseInt(days)<5) {
        return 10;
    }
    if (parseInt(days)<25) {
        return 9;
    }
    if (parseInt(days)<50) {
        return 8;
    }
    //..
    //etc
}

根据发布的时间订购标记

1 个答案: