Валерий

background-image: -webkit-linear-gradient(left, #fff 50%,#000 50%);

echo $json[0]["results"]["geometry"]["location"]["lat"];

const collections = []
for (let i = 0; i < data.length; i++) {
    if (!collections.includes(data[i].collection)) {
        collections.push(data[i].collection);
    }
}

const collections = Array.from(new Set(data.map(d => d.collection)));

const collections = Object.keys(data.reduce((res, next) => {
    res[next.collection] = null;
    return res;
}, {}));

const collections = data.reduce((res, next) => {
    if (!res.includes(next.collection)) {
        res.push(next.collection);
    }
    return res;
}, {});

я что-то не так делаю видно

• синтаксическая ошибка: знак минус вместо присваивания
  
• синтаксическая ошибка: забыли закрывающую скобку в вызове addEventListener
  
• забыли подключить jquery
  
• неправильно подключаете обработчик keyup
  
• обрабатываемое событие неправильное - должно быть input, а не keyup
  
• опечатка в имени атрибута: в js у вас - data_toll, в css - data-toll
  

let arr = [];
getCurrentSlide() {
        for (let i = 0; i < this._slides.length; i++) {
            arr.push(i);
            console.log(arr);
        }