MapConductorSkjölun / Viðbætur / Þyrping merkja
Merki í miklum mæli
Nálæg merki eru sjálfkrafa dregin saman í þyrpingar og opnast aftur þegar þú dregur að — sami kóði inni í kortasýn hvaða þjónustuaðila sem er.
ANDROID
com.mapconductor:marker-clustering
iOS
MapConductorMarkerCluster
REACT
@mapconductor/react-marker-clustering
01 · Uppsetning
app/build.gradle.kts
implementation("com.mapconductor:marker-clustering")Package.swift
.package(url: "https://github.com/MapConductor/ios-marker-cluster", from: "1.3.1"), .product(name: "MapConductorMarkerCluster", package: "ios-marker-cluster"),
terminal
npm install @mapconductor/react-marker-clustering
02 · Notkun
Sendu fylkið þitt af merkjastöðum í þyrpingarhópinn. Merkjastöðurnar sjálfar eru þær venjulegu; ekkert annað breytist.
ClusteredMap.kt · Jetpack Compose
val markerStates: List<MarkerState> = remember { buildMarkerList() }
val clusterState = remember {
MarkerClusterGroupState(
clusterRadiusPx = 90.0,
minClusterSize = 5,
onClusterClick = { cluster -> /* handle tap */ },
)
}
MapLibreMapView(state = mapState) {
MarkerClusterGroup(state = clusterState, markers = markerStates)
}ClusteredMap.swift · SwiftUI
@State private var clusterState = MarkerClusterGroupState(
clusterRadiusPx: 90,
minClusterSize: 5,
onClusterClick: { cluster in /* handle tap */ }
)
MapLibreMapView(state: mapState) {
MarkerClusterGroup(state: clusterState, markers: markerStates)
}ClusteredMap.tsx · React
import { MarkerClusterGroup } from '@mapconductor/react-marker-clustering';
import { MapLibreMapView2D, useMapLibreViewState } from '@mapconductor/react-for-maplibre';
<MapLibreMapView2D state={state}>
<MarkerClusterGroup
markers={markers}
minClusterSize={2}
clusterRadiusPx={80}
enableZoomAnimation
onClusterClick={cluster => console.log(cluster.count)}
/>
</MapLibreMapView2D>03 · Valkostir
Option
Default
Lýsing
clusterRadiusPx
90.0
Fjarlægð til hópunar í skjápixlum. Lægri gildi kljúfa þyrpingar fínna.
minClusterSize
3
Minnsti fjöldi merkja sem er teiknaður sem þyrping; færri haldast stök.
clusterIconProvider
circle badge
Skilar tákni fyrir tiltekna þyrpingarstærð. Sjálfgefið er hringlaga merki.
onClusterClick
null
Tekur við snertingum á þyrpingu — venjulega notað til að draga myndavélina að.
enableZoomAnimation
false
Kveikir eða slekkur á hreyfingu við opnun og samdrátt meðan dregið er að; slökkt sjálfgefið. Lengdin er stillt sér með zoomAnimationDurationMs (sjálfgefið 300 ms).
04 · Afköst
Lipurt við þúsundir merkja
Þyrpingin er reiknuð utan aðalþráðar og endurreiknuð aðeins þegar myndavélin sest.
SAMPLE
24,526