How to make Location Wise Customer Data as in Google Analytics with AngularJS?

Question

I want to make a map just like in Google Analytics to show the number of users registered from different locations. For some reasons I'm not using the Google analytics. Can anyone Help me out without using Google analytics? Technologies I'm using are MVC, C#, Sql Server-2014, AngularJS, Jquery. I've been searching for a while now, but I only get solutions with google analytics.

PS:- I don't know how to start so can't put on any code. Thanks in advance.

Answer 1

Some WEB APIs for user location might be useful. When user registered, send it to the backend.

1. Get the user location

   navigator.geolocation.getCurrentPosition

   ref: https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/getCurrentPosition

2. Display it on the map, there are lots of way to display a map in frontend.

   2-1) Google Map API
   ref: https://developers.google.com/maps/documentation/javascript/examples/marker-simple

   2-2) OpenStreetMap - many libraries in OSM, here is Mapbox.
   ref: https://www.mapbox.com/mapbox.js/example/v1.0.0/centering-markers/