MapConductorSkjölun / Grunnatriði / Circle
Hringur
Hringur skilgreindur með miðju og radíus í metrum. Radíusinn fylgir aðdrættinum og lítur eins út hjá hverjum þjónustuaðila.
ANDROID
com.mapconductor:core
iOS
MapConductorCore
REACT
@mapconductor/js-sdk-react
01 · Notkun
Búðu til stöðuhlutinn og settu hann inn í kortasýnina. Breyting á radíus eða lit í stöðunni tekur gildi strax.
CircleScreen.kt · Jetpack Compose
val circleState = remember {
CircleState(
center = GeoPoint.fromLatLong(21.382314, -157.933097),
radiusMeters = 1000.0,
strokeWidth = 3.dp,
fillColor = Color.Red.copy(alpha = 0.3f),
onClick = { /* circle tapped */ },
)
}
MapLibreMapView(state = mapState) {
Circle(circleState)
}CircleView.swift · SwiftUI
MapLibreMapView(state: mapState) {
Circle(
center: GeoPoint(latitude: 21.382314, longitude: -157.933097),
radiusMeters: 1000,
strokeColor: UIColor.red,
strokeWidth: 2,
fillColor: UIColor.blue.withAlphaComponent(0.3)
)
}CirclePage.tsx · React
import { createCircleState, createGeoPoint } from '@mapconductor/js-sdk-core';
import { Circle } from '@mapconductor/js-sdk-react';
const circle = useMemo(() => createCircleState({
id: 'circle',
center: createGeoPoint({ latitude: 21.382314, longitude: -157.933097 }),
radiusMeters: 1000,
strokeWidth: 3,
fillColor: 'rgba(0, 0, 255, 0.3)',
}), []);
<MapLibreMapView2D state={state}>
<Circle state={circle} />
</MapLibreMapView2D>02 · Valkostir
Option
Type
Lýsing
center
GeoPoint
Miðja hringsins.
radiusMeters
Double
Radíus í metrum — ekki skjápixlar.
fillColor / strokeColor
Color
Fyllingar- og útlínulitir; gegnsæi kemur úr alfa litarins.
strokeWidth
Dp · Double · number
Breidd útlínu.
geodesic
Boolean · true
Hvort hringurinn fylgi stystu leið á hnettinum. Ólíkt marghyrningi og fjöllínu er sjálfgefna gildið hér true.
clickable
Boolean · true
Hvort hægt sé að snerta hringinn.
zIndex
Int? · null
Röð í stafla; má skilja eftir ósett.
extra
any?
Hvaða gögn sem er, skilað til baka við smell.
onClick
handler
Tekur við snertingum á hringinn.
03 · Sýnidæmi
Dragðu til að breyta radíusnum
Sýnisforritið setur merki í miðjuna og á jaðarinn og endurreiknar radíusinn þegar jaðarmerkið er dregið, með fjarlægðarhjálparföllunum í core.