i need some advices. I have to add interactive, only Europe countries map in site. So i have looking the best js library to do this. The main purpose of the map is to open page with information about that country that i have been clicked.
You might want to check out AmCharts. Here's a simple demo of what seems to be what you need:
https://www.amcharts.com/demos/grouped-countries-map/
It's fairly easy to learn, much easier than D3 (at least in my opinion) which is of course another good library for the job.
Related
I would like to create an interactive map on my website where you can hover over a location and it will animate showing some links that are clickable and will take the client to another page displaying graphs about that location. What should I learn in order to achieve this? Thanks
I'm assuming you don't know much about web development yet, so start with some HTML tutorials (such as this, or this, or this) and Javascript tutorials (such as this, or this, or this). There's a number of ways of creating graphics on web pages (Chart.js is a great library that takes all the hard work out of it).
Then you might want to look into learning how the Google Maps API works. It's a pretty dang flexible API.
I'm working on a javascript project to navigate pedestrians. I use openstreetmap to give me the needed map information. I'm using ajax-requests with overpass-api to get the streets and footways (separately).
What I want to find are intersections of streets and footways, that aren't marked as such. They could only overlap each other.
Is there an efficent Query to achieve this goal?
In principle, I do second scai's anwser: it's mostly better using already existing qa tools. But if you really want to go fancy with overpass, you can also get something like that with this somewhat complex (and probably not so über-efficient) query:
http://overpass-turbo.eu/s/1mk
Finding such errors via JavaScript would be very inefficient. What are you trying to achieve?
There are lots of quality assurance tools for OSM, some of them look for such missing intersections. One example is Keep Right. KeepRight offers a GPX export which you could use in your JavaScript application.
I have stumbled upon the world of javascripting and css just moments ago and I have been given a project by my adviser on interactive maps.
The problem is I don't have a clue on how i should start this project and one thing I want to know and find out is that How can I make an interactive map with just javascript , css and a little bit of php or cms?
I found these sites:
http://www.lglab.co.uk/usaSVG/advanced/index.html
http://edition.cnn.com/ELECTION/2012/ecalculator#?battleground
both are related to what I'm about to do.
I want to know how I could be able to code an interactive map like those in the examples above with a little bit of customization and without paying for tools
Try OpenLayers [ http://openlayers.org/ ] - its a free and open source javascript mapping toolkit. Check the examples for interaction and events and all that.
You need your data in some vector format - GeoJSON, GML - something like that. Then write a whole bunch of javascript to add layers to the base map and handle events.
Other Open Source Javascript map toolkits are available (eg Leaflet) but OpenLayers is the heavyweight master.
You need to learn SVG - the only way you can really make event-driven polygons.
See: http://www.netzgesta.de/mapper/
You can use geoJSON for this.
see http://palewi.re/posts/2012/03/26/leaflet-recipe-hover-events-features-and-polygons/
Here's a fictional example of what i'm trying to replace
http://ryanhollingsworth.com/test/map.html
Goal: input a series of state abbreviations and a hex value and have a dynamic map i can update quickly or use php to update on the fly.
I've been looking for a solution for a couple of weeks via google, figured i'd humble myself and ask. I don't want to reinvent the wheel and develop something that's already been done if i don't have to :) Thanks!
https://developers.google.com/chart/image/docs/gallery/new_map_charts should provide a quick and easy solution, although it is somewhat limited.
I used the Geochart API from google and I was able to create something very similar to your mockup image: http://cmoreira.net/interactive-world-maps-demo/usa-custom-election-map/
The API is very simple to use.
I'm searching for a Javascript library to create line charts like the ones of Google Analytics. When the mouse is over a point, a box shows you the data.
An example is at http://wikirank.com/en
No Flash or Air, only JS and client-side Canvas...
Better if Free...
Edit: If you want a free library, try Flot.
Emprise Charts is a commercial library that I've seen featured on news sites.
Another option is to use Google's visualization APIs.It's pretty easy to use, and they have a several options for displaying data. One thing to keep in mind is some of the visualizations require you to send your data to their server, though none of the canvas/svg ones have this requirement.
There's JS-Charts which looks pretty awesome.
Or, if you fancy rolling your own you can create your own charting component using this library...
As an alternative to Flot, if you are using Prototype.js as JS framework, you can use Flotr.
Dojo also has something similar, though the example shown doesn't have similar functionalities but can be implemented to behave like the one you want,
http://dojocampus.org/explorer/#Dojox_Charting_2D_Lines,%20Markers,%20No%20Axes,%20Purple%20Theme,%20Custom%20Min%20Max
Raphael.js is pretty good at making graphs with svg/vml, you have to write some custom code though, but you can make some really nice animation with it, next to that it's compatible with ie6+ (only not with android 2 browsers).