I need to create a Map to compare the population density of a country (e.g. USA at county -or state- level) and the epicenter of some earthquakes to see how many people could have felt those quakes.
The problem is that I can't find a way to put these 2 things on the same map.
In a db I have some earthquakes taken from USGS and the population data taken from Census.gov.
I was able to map earthquakes (coordinates lat/lng) with circles thanks to the Google Maps API but without population density.
I also created a map with Highcharts (Highmaps) to display population density, but I can't put circles on that because lat/lng points are not supported.
I also read about vectorWorkz and jVectorMap but couldn't find examples.
Is there a way to do such thing? I'm not an expert so if someone has a solution or could provide me a little example I would be eternally grateful. Thank you!
jVectorMap suits all your needs. Here is an example of regions density and markers visualisation on the same map.
Related
I'm currently working on a student project and I need help. I'm using Python, VueJS and OpenStreetMap.
The task is to use free tools or services to get a layer of roads and draw a heat map on them. The heat map I need is what you see when you build a route in a navigator, which shows traffic congestion in green, yellow and red colors.
Just about what I need. So that the heat map of the traffic only covers the road sections, and does not go beyond them.
If any way, even with paid services, you can't draw a road heatmap layer like the one in the picture above, here's another option that will work for me.
The last picture is something I already know how to draw, but it doesn't work for me because the heat map goes too far out of the way. I need the heat map to stay only within the boundaries of the road. I also need it to be uninterrupted, meaning that the entire road is green and only in the places I want it to be in other colors.
If you're interested, there's a device that is installed in public transport that detects, recognizes potholes on the road in real time. Then all the collected telemetry is uploaded to the server, where I already display a heat map with potholes on the roads on the web map.
So if anyone knows how to draw the heat map I need, I would be very grateful.
I have a geoJson data layer of the world from naturalearthdata.com and a working map based on countries (features) with hover colors setup. I want to group the data on continents, so I'd end up with Europe, Americas, Aftrica and Middle East, Asia & Australia.
There doesn't seem to be any examples of this - I wouldn't think I need to change the data since all countries have the continent property. Whats best practice to achieve this?
Just to update, I decided to alter the .shp file in QGIS and merge the individual features to make these larger regions. Took a load of tidying up stray lines with the Node tool but this produced what I needed.
I was trying to create custom overlay for south pole on google map. However, it was not possible to create accurate overlay. I am working on a project where i need to plot many marks on south pole. We will be getting series of longitude and latitude of south pole and we need to plot that into a map. As google does not have a map for south pole, we need to create a overlay or tiles on google. I have tried both of them however, not successful. Please let me know any idea. I can send you some example that i have done. I have followed this example below. However, can't get what we need because of destortion as well south pole right at the bottom of the map where it is completely grayed out on google map.
https://developers.google.com/maps/documentation/javascript/examples/maptype-image
https://maps.google.co.uk/maps?q=google+map&oe=utf-8&client=firefox-a&ie=UTF-8&ei=5UBVUrm1OITI0QXJ6IGwBw&ved=0CAoQ_AUoAg
The map projection from Google doesn't work for the poles. In my opinion you need a transverse mercator projection. It uses the great circle.
I'm doing few experiments using Google Maps and now I was taking a look to the circles.
My idea is to create a circle for each country in Europe and load the markers inside only when someone click on the circle.
I did it and works fine.
Now what I'd like to do is to create a shape of the countries and replace each circle.
I was looking at the polygons and it seems to be what I'm looking for but creating a good shape for each country takes a planty of time...
There is a Google Maps service that highlight the countries that you need? (Not Google Charts, I already took a look on it)
Or Exist something already builded to import easily with Javascript?
The boundaries of the world countries are available in the Natural Earth data set and in a public FusionTable.
Here is an example using that data to display French provinces
What I'm trying to do is finding an elegant way of dealing with multiple markers on the exact same spot on a google map. Possible scenarios are when your geo data just isn't accurate enough to distinguish two markers from one another (say 3 people live in the same house and all you have is an address) or you only have city information of a couple of shops.
Now there is the Clusterer of course, everybody is saying that, but that won't help here as the markers have the exact same location. They will stay clustered regardless of zoom level.
I like the way Google Earth does it. Here is an example. But so far I have not discovered a way to have this behavior in Google Maps. I would be pleased if someone can show me how to do this.
So perhaps as you are looping through your coordinates adding all the markers, you could check if any previous marker has the same latlng. If it has you could use a different marker, e.g one numbered '2'. Or to do the Google Earth thing, offset each marker slightly, and draw a polyline from the markers to the original location.