Настройки градиента тепловой карты Google Javascript для нескольких слоев

Используя javascript API карт Google, я хочу создать два наложения тепловой карты с разными цветовыми градиентами для каждого наложения. До сих пор мне удавалось создать два наложения, но когда я пытаюсь применить к каждому из них разные градиенты, результата нет.

Вот код:

  var map, heatmap, heatmap2;
  function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
        zoom: 11,
        center: {lat: 47.608013, lng: -122.335167},
        mapTypeId:'hybrid'
    });
    heatmap = new google.maps.visualization.HeatmapLayer({
        data: getPoints(),
        map: map
        gradient: getGrad()
    });
    heatmap2 = new google.maps.visualization.HeatmapLayer({
        data:   getPoints1(),
        map:    map
        gradient: getGrad1()
    });
  }
function getGrad () {
return [
    rgba(255,0,0,0),
        // more values here
];
}   
function getGrad1 ()    {
return [
    rgba(0,255,255,0),
        //more values here
];
}

Чтобы уточнить, всякий раз, когда свойства градиента закомментированы, все работает с градиентом по умолчанию. Приведенный выше код не производит никакого вывода. Любые идеи?


javascript heatmap
person mike vervair    schedule 06.06.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Значения градиента должны быть строками. rgba — это функция css, а не js, поэтому в консоли разработчика вы должны увидеть несколько ошибок, указывающих, что функция не определена.

function getGrad1 ()    {
    return [
        'rgba(0,255,255,0)',
            //more values here
    ];
}

Взгляните на пример здесь: https://developers.google.com/maps/documentation/javascript/examples/layer-heatmap

person Jonathan Kuhn    schedule 06.06.2017
comment
Спасибо, я не знал о css. Тем не менее, я попробовал это, и он все еще не отображается. Примечание: извините, если не по теме. Я редактирую это в Notepad++, есть ли лучший редактор для отладки? - person mike vervair; 07.06.2017
comment
@vervair Notepad++ в порядке. Любой редактор кода будет. Однако с javascript они не занимаются отладкой. Вы хотели бы войти в свой браузер и использовать консоль разработчика (нажмите F12). Это покажет любые/все ошибки, которые вы получаете. Исправьте их и все заработает. - person Jonathan Kuhn; 07.06.2017
comment
Я забыл поставить запятую после свойства карты, исправив это, оно заработало. Спасибо за совет по отладке @Jonathan Kuhn. Я в основном работал только в VBA, так что это новый опыт. - person mike vervair; 15.06.2017