Проблемы с кластеризацией маркеров Google Maps ⇐ CSS

[Anonymous]

В проекте React у нас есть API Google Maps с интерактивными маркерами, но нам не удалось реализовать кластеризацию маркеров в нашем проекте.
Импорт:

Код: Выделить всё

import GoogleMap from "google-maps-react-markers";
import { MarkerClusterer } from "@react-google-maps/api";
import Marker from "./marker";

Код Google Map API для вашего проекта:

Код: Выделить всё

{renderedMarkers}

Код для маркера:

Код: Выделить всё

const renderedMarkers = filteredMarkersByTags.map(
(
{ lat, lng, name, variant, email, description, image, date, tag, _id },
index
) => {
if (showMyEntries && email !== profile.email) {
return null;
}

return (

);
}
);

когда мы уменьшаем масштаб, маркеры по-прежнему остаются отдельными, а не группируются для более чистого просмотра. Заранее благодарим Aynone, который может помочь

Код: Выделить всё

{ renderedMarkers }

Мы попытались проверить, работают ли методы кластеризации по умолчанию или нет, поэтому попробовали этот сегмент, чтобы посмотреть, будет ли он кластеризовать маркеры или нет. Единственный результат, который мы получили в результате этой попытки, — это «Ошибка сценария».


Подробнее здесь: https://stackoverflow.com/questions/766 ... clustering