- From: Juergen Roethig <roethig@dhbw-karlsruhe.de>
- Date: Tue, 23 Jul 2013 15:30:04 +0200
- To: <www-svg@w3.org>
Dear world ;-) > I want to develop a world map using svg and allow user to select de > select countries. > > can anyone give coordinates for world map? > > also how to handle event on svg can anyone point me to good tutorial on > this You might have a look at the application on http://www.ladenkirche-senfkorn.de/welt.shtml This is the manual page for using the app, but the app (pure SVG and JavaScript) is directly linked from there ... btw, for that application, I recommend to use a browser which is performant with respect to SVG and JavaScript, e.g. Safari on MacOSX, or Opera on any OS, as well as Chrome - Firefox is performing slow, and MS IE performs abysmal ... It's a map of the world using geographical longitude and latitude as SVG coordinates. Countries are made as groups of paths (with appropriate class selectors for continent, sub-continent, and country name), and by that, you can simply add "actions" to any country, or part thereof (i.e. mouseover and mouseclick events), based on the appropriate classes. The country borders were taken from OSM data, reduced in their amount by reducing their accuracy (the Douglas Peucker algorithm helps for that), and brought to an appropriate SVG syntax (basically paths, as already mentioned). So, you can do in the app whatever you want to do with that map - even project it on a globe, and turn it according to the actual daylight with the help of JavaScript. Try the first four topleft buttons on the app to see a rectangular map as well as a globe projection, and the further buttons in order to turn the thing. And a warning: An abstract describing this app was just recently rejected as a submission to the SVG Open / The Graphical Web 2013 conference. So, it is probably a very bad app, and non-innovative. You might find similar apps everywhere in the web ... ;-) Best regards, Juergen Roethig
Received on Thursday, 25 July 2013 10:44:17 UTC