Example of wiring up SignalR to connect an EventHub receiving GPS data to a Leaflet map rendering it.
JavaScript C# Other
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Mappy
MappyData
MappyDataGenerator
.gitignore
LICENSE
Mappy.sln
README.md

README.md

asp-mappy

Example of wiring up SignalR to connect an EventHub receiving GPS data to a Leaflet map rendering it.

Introduction

Simple codebase wiring up geo-data from Event Hubs through SignalR to a Leaflet.js front-end. The Index.cshtml contains the lion's share of the JS code for dealing with Leaflet layers (for the paths, markers, and heatmaps). RouteHub.cs is a simple SignalR hub (see this article on hubs for details). AzureUtilities.cs contains code for connecting to the various pieces (service bus, event hubs, table storage), as well as the IEventProcessor implementation.

See my post on my blog for details.

Other Software

This code relies on Leaflet.js and SignalR through reference, and includes the following directly:

  • Chroma: Used to randomize the color of paths with prettier colors than I could do myself. It's a fantastic library for working with colors and color-spaces, highly recommended.
  • Leaflet-heat: Used to generate heatmaps on the leaflet map for identifying "hot spots" in walking traffic. Incredibly easy to use.

I've included licenses for both of the above within the source tree at the same level at which I'm using them.