1.0.2 • Published 3 years ago
weather-radar-usa v1.0.2
Weather Radar for the USA
This ReactJs package helps you to show weather radar on a mapbox map. This package fetches data using free APIs of NOAA for the USA only. The package provides nice animation for weather radar data. You can turn on and off the animation as well as the Layer of weather radar.
Installation
You can install weather-radar-usa and its dependencies with npm: npm install weather-radar-usa
Usage
Import
import Weather from 'weather-radar-usa';
Turn on Radar Layer
In component use ref to call weatherRadar methods.
const weatherRef = useRef(null);
<Weather
ref={weatherRef}
options= {{
opacity: 0.8
}}
getTime={(time) => setDisplayTime(time)}
getLoader={(isLoader) => setLoader(isLoader)}
/>
weatherRef.current.trunOnRadar(true, map.current);
Turn off Radar Layer
weatherRef.current.trunOnRadar(false, map.current);
Turn on Radar Animation
weatherRef.current.weatherAnimation(true, map.current)
Turn off Radar Animation
weatherRef.current.weatherAnimation(false, map.current)
Get the Current Time When Animation is On
Pass the getTime prop to the component.
getTime={(time) => {
// Write your logic here.
}}
Get the Loader while the first layer is still loading
Pass the getLoader prop to the component.
getLoader={(isLoader) => {
// Write your logic here.
}}
Some options that you can pass to the component
options= {{
opacity: 0.8 // Radar Layer opacity min:0, max:1
}}