我正在嘗試獲取一組具有緯度/經(jīng)度點的對象并Marker為每個對象創(chuàng)建一個,然后將這些Markers傳遞到一個<MarkerClusterer>組件中。通過直接復(fù)制這里的文檔,我可以讓它工作。然而,他們的方法與我需要的有點不同。區(qū)別似乎在于點如何映射到組件。工作代碼:<MarkerClusterer options={{imagePath:"https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m"}} > { (clusterer) => [ {lat: -31.563910, lng: 147.154312}, {lat: -33.718234, lng: 150.363181}, {lat: -33.727111, lng: 150.371124}, {lat: -33.848588, lng: 151.209834} ].map((location, i) => ( <Marker key={i} position={location} clusterer={clusterer} /> )) } </MarkerClusterer>我的非工作代碼:const listings = [ { lat: -31.56391, lng: 147.154312 }, { lat: -33.718234, lng: 150.363181 }, { lat: -33.727111, lng: 150.371124 }, { lat: -33.848588, lng: 151.209834 }, ]; let testArray = []; for (let i = 0; i < listings.length; i++) { let location = listings[i]; testArray.push( <Pin position={location} id={i} key={i} clusterer={listings} /> ); }... <MarkerClusterer> {testArray} </MarkerClusterer>這是一個帶有示例的代碼沙盒。代碼在 Map2.js 下,區(qū)別在第 61 行。我無法弄清楚第一種方法在做什么,而我沒有。也許聚類器參考?在這方面的任何幫助將不勝感激。
嘗試使用@react-google-maps 從數(shù)組中聚類標記時
躍然一笑
2021-06-29 17:51:11