Home Original page

GitHub - OwnWeb/map_elevation: A widget to display elevation of a track (polyline) like Leaflet.Elevation

pub package

A widget to display elevation of a track (polyline)

Demo screenshot

Features

  • Draw elevation graph
  • Dispatch a notification with hover point on graph
  • Add colors for high elevation gradients
  • Ability to add child over graph

Getting Started

NotificationListener<ElevationHoverNotification>(
    onNotification: (ElevationHoverNotification notification) {
      setState(() {
        hoverPoint = notification.position;
      });

      return true;
    },
    child: Elevation(
      getElevationPoints(),
      color: Colors.grey,
      elevationGradientColors: ElevationGradientColors(
          gt10: Colors.green,
          gt20: Colors.orangeAccent,
          gt30: Colors.redAccent),
    )
)