Gathering detailed insights and metrics for @mint-ui/map
Gathering detailed insights and metrics for @mint-ui/map
npm install @mint-ui/map
Typescript
Module System
75.7
Supply Chain
93.4
Quality
81.7
Maintenance
100
Vulnerability
99.6
License
Verify real, reachable, and deliverable emails with instant MX records, SMTP checks, and disposable email detection.
Total Downloads
15,406
Last Day
5
Last Week
35
Last Month
423
Last Year
3,660
Minified
Minified + Gzipped
Latest Version
1.0.1
Package Id
@mint-ui/map@1.0.1
Unpacked Size
2.33 MB
Size
534.10 kB
File Count
122
Published on
Jun 03, 2024
Cumulative downloads
Total Downloads
9
44
1yarn add @mint-ui/map 2 3npm install @mint-ui/map
1... 2... 3 4import { MapMarkerWrapper, MintMap, Position } from '@mint-ui/map' 5 6const root = ReactDOM.createRoot( 7 document.getElementById('root') 8) 9 10function MyMapComponent(){ 11 12 return <MintMap 13 mapType={'google'} 14 mapKey={'YOUR_GOOGLE_MAP_KEY'} 15 mapId='YOUR_GOOGLE_MAP_ID' //Use advanced markers in Google maps 16 base={{center:new Position(-25.344, 131.031), zoomLevel:12}} 17 > 18 {/* Your marker */} 19 <MapMarkerWrapper position={new Position(-25.344, 131.031)}> 20 21 {/* Your marker elements */} 22 <div style={{width:'10px', height:'10px', background:'red', borderRadius:'10px'}}></div> 23 24 </MapMarkerWrapper> 25 26 {/* Canvas marker */} 27 <CanvasMarker 28 29 /* Canvas renderer */ 30 renderer={({ context, offset, payload }) => { 31 context.beginPath(); 32 33 // rect 34 context.rect(offset[0].x, offset[0].y, 20, 20); 35 context.fillStyle = 'orange'; 36 context.fill(); 37 38 // rect outline 39 context.strokeStyle = 'red'; 40 context.strokeRect(offset[0].x, offset[0].y, 20, 20); 41 42 // font 43 context.fillStyle = 'white'; 44 context.font = '10px caption'; 45 context.fillText(String(payload?.no), offset[0].x + 2, offset[0].y + 14); 46 context.closePath(); 47 }} 48 zIndex={2} 49 data={markers} 50 /> 51 52 </MintMap> 53 54} 55 56root.render((<MyMapComponent/>)) 57
No vulnerabilities found.
No security vulnerabilities found.
Last Day
66.7%
5
Compared to previous day
Last Week
-25.5%
35
Compared to previous week
Last Month
-25.8%
423
Compared to previous month
Last Year
-62.5%
3,660
Compared to previous year