Data visualization on map - javascript

I’m working on a vuejs project, I want to make some data visualisation on a map: display a map and show some percentages for each country. I really do not know from where to start. What tools to use ? Is there some tutorials and javascript libraries that can help ? Thanks !

If you just want to show some percentages on each country, and you don't need those detail information on the maps, maybe you don't need Google Maps.
Try D3.js. There are several examples you can build with. DataMaps would be a good choice.

you could use the google maps api, they have good documentation on all their stuff.
https://developers.google.com/maps/documentation/
It should be noted however that these days you need a account with billing information to use their maps api's.
to be honest your question is so broad that if i were you i would first start to brainstorm and get a good grasp about what i wanted to do and how to do it.

Related

which javascript chart library should use for interactive chart

I know this question has been asked extensively,so now I confused between options. I want to create application which use populate charts on browser. chart should be interactive and it's conventional chart (pie,bar etc). I liked to go to for D3 but it seems I may fall short on time basis to learn that. so I checked on other libraries like google chart,DC,morris,C3,nvd3,ember chart where DC,C3,nvd3 are create on top of D3. google chart may be restricted due to security reasons. so which library should I prefer? should I go for google one if no security measures are there or any alternative are there?please help me out because as I am digging more,more I am getting confused and I am running out of time to create PoCs for this libraries
I would suggest AmChart. I has lot of examples and good documentation. Additionally you can create interactive maps. And you can create chart easily using a chat creating tool. Which is totally cool.
There are really a lot of chart library it's really hard to pick one. And as a beginner i wanted to just make a working chart app not to go deeper so i picked highcharts, it was very easy to understand for me i hope it works for you too.
https://www.highcharts.com/
this is my demo project if it helps, i wanted a dynamic chart too:
https://github.com/Resoguy/atterbergLimitsApp,
http://madrhino.gq/atterbergLimitsApp/
Try to explore this list: https://en.wikipedia.org/wiki/Comparison_of_JavaScript_charting_frameworks
If your project is non-profit, I'd suggest AnyChart because then you'll be able to use it for free. It has a lot of chart types, ways to work with data, customization options, and ready-to-use samples, as well as comprehensive documentation and API reference.
For one of my project I use chart.js. I think is good is easy and is have also good documentation

What is the best way to use Google maps API in CodeIgniter?

I need to use Google Maps API in two way:
To store coordinates of a marker in database
To display objects stored in database on map
I was suggested to use gmaps.js for both. Googling I found this library that can be used as well for both purposes. I am familiar with html, css and PHP but I have minor experience with JS so I would love to avoid it. The library, if I got it correctly, generates JS code. So it would be a lot more easier to use library.
My question is about quality of both options. Which option would produce higher efficiency? The map is supposed to display a lot of markers from database.
I am sorry if this is silly question but I want to know for sure that I have chosen right tool before getting my hands dirty.

How to creat direction map app

am thinking of creating an app as a project for my app development class, which gives direction to the school campus building from the present location. Is that a possible, if so can anyone suggest some advice what should i look into.
thank you
you will depend on Google API and here some links will help you :
Google Map API :
https://developers.google.com/maps/documentation/android/ and here good example on how to get your location and draw markers on map
http://www.androidhive.info/2013/08/android-working-with-google-maps-v2/
and you will need Google Direction API to get the direction from place to another with more functionality you can use in API
https://developers.google.com/maps/documentation/directions/
good example on Google Direction API :
http://wptrafficanalyzer.in/blog/drawing-driving-route-directions-between-two-locations-using-google-directions-in-google-map-android-api-v2/
and any related good tutorial i will edit my answer with it
hope it helpful for you and feed me back in any thing not obvious for you
if so can anyone suggest some advice what should i look into
The main advice i will give you is to begin your reading with official doc Getting Started which is a complete tuto. Follow it step by step in order to be canalised, because there is many docs in the web, and some of them talk about API v1 of Google Map which is now deprecated.
Otherwise, you will be lost ;)

Add get directions link to InfoWindow Google maps V3

Back with another google maps V3 question.
Here’s the background; I now have a map populated by a number of markers with info windows and what I want to do is add a link in the info Window that when pressed opens another browser window with google maps directions info in it.
I'v read a number of tutorials including the one by Mike Williams but most of them are either written for V2 of the API or just plain don’t seem to work, so do any of you good people know of a good noob tutorial that can give me some idea how to do this?
Thanks in advance
If you're just trying to send folks to http://maps.google.com for a directions query, a URL like http://maps.google.com/maps?saddr=Start&daddr=end might work, but I don't think there's any official documentation on those URLs.
If you want to have directions as part of your application, you should probably take a look at some examples of the Direction Service in the JS API.

how to create GPS location widget using django?

i am newbie to web development in all aspects;
i've went through the bast tutorial of django and now i would like to construct something which can launch a map on html, let the user pick a location and return the (lang,lat) coordinates back to django;
any ideas of how generally this should be accomplished?
if you got a working example it would be even more nice.
Thanks
have you tried http://djangosnippets.org ?
Google Geocode Lookup: http://djangosnippets.org/snippets/293/
Get Latitude and Longitude from google maps: http://djangosnippets.org/snippets/483/
There's GeoDjango, which is Django with Geospatial capabilities - it uses a spatial database such as spatialite or PostGIS.
That will do for database management. For map presentation, use OpenLayers or some other open source javascript map framework.
Hopefully that's enough for you to do some research and find a solution. If you've got more specific questions, ask them either here or more likely on the gis.stackexchange.com site.

Categories