第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

嘗試使用@react-google-maps 從數(shù)組中聚類標記時

嘗試使用@react-google-maps 從數(shù)組中聚類標記時

躍然一笑 2021-06-29 17:51:11
我正在嘗試獲取一組具有緯度/經(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 行。我無法弄清楚第一種方法在做什么,而我沒有。也許聚類器參考?在這方面的任何幫助將不勝感激。
查看完整描述

1 回答

  • 1 回答
  • 0 關(guān)注
  • 172 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號