MapConductorदस्तावेज़ / एक्सटेंशन / हीटमैप
हीटमैप
डेंसिटी डेटा को टाइल-आधारित रास्टर लेयर के रूप में रेंडर करता है। यह प्रोवाइडर-निर्भर नहीं है, इसलिए मैप को बदलने पर भी दिखावट नहीं बदलती।
ANDROID
com.mapconductor:heatmap
iOS
MapConductorHeatmap
REACT
@mapconductor/react-heatmap
01 · इंस्टॉल
app/build.gradle.kts
implementation("com.mapconductor:heatmap")Package.swift
.package(url: "https://github.com/MapConductor/ios-heatmap", from: "1.3.1"), .product(name: "MapConductorHeatmap", package: "ios-heatmap"),
terminal
npm install @mapconductor/react-heatmap
02 · उपयोग
ओवरले के अंदर बिंदुओं को व्यवस्थित करता है। बड़ी संख्या में बिंदुओं के लिए एकमुश्त इनपुट के लिए कंपोनेंट का उपयोग करें।
HeatmapScreen.kt · Jetpack Compose
val pointStates: List<HeatmapPointState> = remember { buildPointList() }
MapLibreMapView(state = mapState) {
HeatmapOverlay(radiusPx = 20, opacity = 0.7) {
HeatmapPoints(pointStates)
}
}HeatmapView.swift · SwiftUI
let pointStates: [HeatmapPointState] = buildPointList()
MapLibreMapView(state: mapState) {
HeatmapOverlay(state: HeatmapOverlayState(tileSize: 512, radiusPx: 20, opacity: 0.7)) {
HeatmapPoints(pointStates)
}
}HeatmapPage.tsx · React
import { HeatmapOverlay, HeatmapPoints, HeatmapPointState } from '@mapconductor/react-heatmap';
const points = useMemo(
() => DATA.map(([latitude, longitude], i) =>
new HeatmapPointState({ id: `p-${i}`, position: createGeoPoint({ latitude, longitude }) })),
[],
);
<MapLibreMapView2D state={state}>
<HeatmapOverlay>
<HeatmapPoints states={points} />
</HeatmapOverlay>
</MapLibreMapView2D>03 · मुख्य विकल्प
Option
Default
विवरण
radiusPx
20
प्रत्येक बिंदु का धुंधला त्रिज्या (पिक्सेल)।
opacity
0.7
ओवरले की कुल अपारदर्शिता।
gradient
DEFAULT
रंगों का तीव्रता के साथ मानचित्रण। स्टॉप बिंदुओं को स्वतंत्र रूप से परिभाषित किया जा सकता है।
tileSize
512
जनरेट करने वाले टाइल की एक भुजा (पिक्सेल)।
weightProvider
state.weight
प्रत्येक बिंदु के भार को प्राप्त करने का तरीका। डिफ़ॉल्ट रूप से, प्रत्येक `HeatmapPointState` का `weight` (डिफ़ॉल्ट 1.0) पढ़ता है। जनसंख्या या बिक्री जैसी मात्राओं को दर्शाता है।
04 · प्रदर्शन
टाइल के रूप में ड्रा करें
हीटमैप रेस्टर टाइल्स के रूप में बनाया जाता है, इसलिए पॉइंट्स की संख्या बढ़ने पर भी ओवरले की संख्या नहीं बढ़ती है। सैंपल में 24,526 पॉइंट्स ड्रॉ किए गए हैं।
