Так что проблема в том, что на экране происходит много всего, и вся страница становится очень медленной, как только я включаю тепловые карты Google.
У меня есть карты Google,около 200 маркеров, которые обновляются автоматически.Каждый маркер получает событие обновления сокета от сервера и обновляет себя.Карта довольно отзывчива с обновлением 200 маркеров, и я могу передвигаться и взаимодействовать (она немного запаздывает, но я бы сказал, что она действительно реагирует на количество маркеров и запросов).
Проблема возникает, когдагугл тепловые карты включены.Загрузка тепловой карты занимает около 2 секунд, а затем, если я хочу увеличить / уменьшить масштаб или переместить карту, это занимает от 4 до 5 секунд, чтобы выполнить действие.
Так что в настоящее время здесь есть тепловая картакод создания
const coords = [{
weight: 1,
location: new google.maps.LatLng(heatmapMarker.container_latitude, heatmapMarker.container_longitude)
}];
const heatmap = new google.maps.visualization.HeatmapLayer({
map: this.google_map,
data: coords,
radius: 20
});
heatmap.set('gradient', heatmapMarker.gradient);
this.assignedHeatmaps.push({ marker: heatmapMarker.id, map: heatmap, data: heatmapMarker.data });
Таким образом, в общем случае не имеет значения, если я добавлю 1 слой тепловой карты или 10 - во всех сценариях, как только тепловые карты будут добавлены на карту, она станет очень медленной.
Я не уверен, с чего начать отлаживать код ...
Есть предложения?
Мой желаемый результат заключается в том, что тепловые карты будут работать быстрее и не потребуют нескольких секунд для завершения действия после того, как я включил тепловые карты.