SVG (Scalable Vector Graphics) and Maps of the World

Read Time:2 Minute, 26 Second

I have some vague plans for presenting statistics using SVG and a World Map. I was thinking for example about the spread of the visitors of our Website across the countries and continents of the world. And also about a world map with time zones that displays the current time everywhere in the world, rather like those fancy wall decorations, where a bright area indicates Noon and a gaussian gradient fading to darkness indicates the shady, twilight and nightly areas of the world at any time (see http://www.worldtimezone.com/datetime.htm for an example).

My starting point if ever anything will come from these plans has to be a world map in SVG (I do not intend to draw an entire world map in SVG myself). So today I took some time and started googling to see whether I could find any such world maps. Note however that for many applications of World Maps in SVG documents, it would suffice to use a World Map image (jpg, png, gif) as long as the coordinates of the countries and continents are roughly known so we can support interactivity (“which country was clicked on”) and geographical statistics (“where to position the object or value that represent a certain statistic for a country”).

Several options were listed by my best friend, Google:

http://www.treebuilder.de/svg/worlds.svgz A rather straightforward SVG document with a somewhat crude but very useful SVG representation of the world. The website I found this on, http://www.treebuilder.de , provides more interesting SVG examples.

http://www.wherearewe.co.nz/worldsvg.html – Where Are We? interactive SVG world map.

http://www.carto.net/papers/svg/us_weather/ US Airport Wheather – A very detailed map of the United States; also contains other nice SVG objects such as a thermometer, a wind indicator, an air pressure gauge and a map-navigator.

http://www.w3.org/Graphics/SVG/ The home of SVG at W3.org. Many links to SVG initiatives and tools. By the way: SVG Open 2005: The 4th annual conference on SVG will be held 15-19 August in Enschede, the Netherlands.

http://svg-solutions.net/services/worldmap/map2.svg and http://svg-solutions.net/services/worldmap/map.svgRelatively simple worldmaps with interactivity – when the mouse moves over a country, the name ofthe country is shown. Countries can be selected and deselected – and will change color upon (de)selection. This map seems to have extended the http://www.treebuilder.de/svg/worlds.svgz worldmap and taken it to a new level.

Relatively simple, straightforward map of the world. No interactivity, a single color, no country names However, the SVG source code contains <g> elements per continent and per country – that offers possibilities

SVG maps of The Netherland from the Dutch Agency for Statistics, Netherlands, seems only functioning properly in Internet Explorer

Map of Germany – Germany

Black and White, pretty big World Map

About Post Author

Lucas Jellema

Lucas Jellema, active in IT (and with Oracle) since 1994. Oracle ACE Director and Oracle Developer Champion. Solution architect and developer on diverse areas including SQL, JavaScript, Kubernetes & Docker, Machine Learning, Java, SOA and microservices, events in various shapes and forms and many other things. Author of the Oracle Press book Oracle SOA Suite 12c Handbook. Frequent presenter on user groups and community events and conferences such as JavaOne, Oracle Code, CodeOne, NLJUG JFall and Oracle OpenWorld.

lucas.jellema@amis.nl

https://www.amis.nl/