How to create india map chart using Hightcharts? - asp.net

I want to generate reports in Graph. Suppose I want to see my sales in all over india. I want to see in india map chart. So I would be able to see this state sales is this much and so on. I have generated bar chart, pie chart and line chart using Hight Charts. But now I want to generate map chart. But I am not getting how to go through it.

HighCharts has some pre-alpha proof of concepts on doing heat maps (or choropleth). See this post here. It is not in main released version.
Now, you could use any number of other JS libraries to do this. There are essentially 3 steps:
Get mapping data as SVG (or some other format). These are the
shapefiles used to draw the outlines of the geographic features you
want.
In these mapping shapefiles there is an ID associated that is
unique to it. Now assign your data values to this ID/area.
Using D3, raphael, etc draw the shapefiles and link the data. If you have large amounts of cash laying around you can give it to ESRI to purchase ESRI ArcGIS.

Related

R - sf package - is it possible to create a zoomed-in map on top of a larger map with some additional features?

I would like to use the sf package to create a map of Europe and on top of it overlay a smaller, zoomed-in part of Europe. An example of how I would like my map to look like is pasted from Wikipedia here:
So, I know that I could first create a map of Europe, then separately a map of the zoomed-in region, and then probably use ggdraw to overlay them. However, specifically what I am interested in is how to create the red-shaded region which connects two rectangles (see image above). I was hoping that there is some method where this could be done automatically, but if you have any other workarounds, I would be very grateful.

choropleth map time-series map allowing zoom

I have been using both R and QGIS to study GIS, with the intention of publishing choropleth maps to the web. Both pieces of software allow a zoom function on static maps. But, for animated time-series, the only option appears to be to join a series of time snapshots into a movie file.
I would like the user to be able to zoom in during a time series animation.
I'm animating onto a map of New Zealand, and my time-series is events by suburb. While I can aggregate suburb into territorial local authority area to have larger polygons, this removes the suburb detail. Suburb is likely to remain of interest to users.
Will I have to create a series of animations, one for each general geographical area that people might be interested in (e.g. Auckland, Wellington, Christchurch)? That will provide a "selected zoom" option for users. It also means I have to create a set of static maps per predicted geographical location of user interest.
I can't find any solutions for combining zoom and time series with choropleth maps, at least with R and QGIS.
Does anyone have an example of this type of web implementation, preferably showing the options used (QGIS) or the code (R)?

How to obtain koppen-geiger climate map for ggmap

I would like to use ggmap to plot several data points on top of a koppen-geiger climate map.
The kopper-geiger data and GIS/KMZ maps can be downloaded here:
http://koeppen-geiger.vu-wien.ac.at/present.htm
I've managed to have a code to plot the points on regular maps, obtained through the get_map function but I fail to use other maps such as koppen-geiger.
Any help will be appreaciated!
Your basic problem is that the map you are attmepting to use is an image file that is not georeferenced. So unless you want to go through the unnecessary and probably time consuming process of georeferencing this image yourself, you will be better taking an alternative approach. There are perhaps a few ways to do this. But, unless you have very few data points to overlay on the map which you can place manually using the lat-long grid of the image, then the least painful method will certainly be to redraw the map yourself using the shapefile.
This is not the right place to give you an introductory lesson on GIS, but the basic steps are to
Download shapefile (which is available at the same website as the image you linked)
Project map to desired coordinate system
Plot map, coloring by climate class
Color the ocean layer
Add labels, legend, and graticule, as desired
Overplot with your own climate data, and legend for these.
If you are unsure how to approach any of these steps, then take an introductory course on GIS, and search the Web for instructional materials. You may find this resource useful.
https://cran.r-project.org/doc/contrib/intro-spatial-rl.pdf

Creating Custom Shapefiles

I have the zip code tabulation area (ZCTA) ESRI shape files from the US Census Bureau that I would like to use to display data on map charts using software like tableau, SAS JMP, etc.
Each of these programs can readily recognize and plot the zip shapes in map charts, however the detail is too fine and I need to aggregate the zips into custom districts and regions that are useful for the project. For this data set districts are comprised of various zip codes, and regions are comprised of many districts.
My question is, how can I edit the zip shape files to aggregate them into district shapes and then also aggregate the district shapes into region shapes.
Even if someone could point me to some documentation on how to do this, would greatly appreciated.
Thanks
josh
If you have JMP, you should be able to use this Add-in created by the JMP developers:
https://community.jmp.com/docs/DOC-7362
There is a companion blog post about it as well:
http://blogs.sas.com/content/jmp/2013/08/22/an-add-in-to-combine-jmp-map-shapes/

How to create interactive online map with contour (filled) plot layer?

I would like to create an online interactive map with filled contour plot layer like the ones can be seen on openweathermaps (I would like to use my own data for the plots).
What I need is also similar to the Leaflet heatmap (heatmap.js) but without dynamically changing the colors and the extent of the graphical objects (as in case of heatmap.js). Let's call them static heat maps.
I would like to know which mapping code/library can be used to produce such maps.
I am really newbie to these things, so please bear with me.
I tried Leaflet but did not find any plugin which would create filled contour map layers (static heatmap). I created the following map with Leaflet where the rectangles are geojson polylines and the color is based on some assigned values to every rectangle (elevation)
my leaflet attempt
The problem with this approach is that if higher resolution (smaller and more rectangles) is needed the site would really slow down.
I checked OpenLayers but did not see any similar examples.
I have the data in a matrix format:
Lat; Long; Value
.
.
Values are given in every gridpoints.
(if needed I would convert into other formats, like in case of the above attempt into geojson format)
The data is static, would be saved on the server.
So what I basically want to accomplish is a site where some spatial data is represented as filled contour map (static heatmap) and it is plotted over a map.
Here is my solution to the problem using open-source programs and free, online service:
(1) Processing the data in a GIS program. I used QGIS. I interpolated my data which is in grid points to get a high resolution raster map.
(2) Save the post-processed raster map as a georeferenced *.tif image.
(3) Import the image into TileMill. Remove the basemap and keep only the image as the only layer (style it).
(4) Export the 'map' from TileMill as MBTiles. This will save numerous *.png files (tiles) corresponding to different zoom levels. These are the same type as google or openstreetmap use for their online maps.
(5) Create a free account at Mapbox and create a new map project. Upload the MBTiles created by TileMill (can be directly uploaded from it). Style it.
(6) Use the Map ID corresponding to your created project to embed the map into html sites, e.g. the javascript code:
// Provide your access token
L.mapbox.accessToken = 'Mapbox will generate this for you';
// Create a map in the div #map
var map = L.mapbox.map('map', 'username.mapid', {
minZoom: 5,
maxZoom: 10
}).setView([47, 20], 8);
Example hosted on Mapbox
Sample image(I do not how long will the above link live):
In retrospect, the question would have been better fit to GIS stack exchange.

Resources