Software Programming

Kunuk Nykjaer

Show World Countries – using SVG, JSONP, JQuery

with one comment


A simple application that displays 213 countries and islands of the world with a search option.
Works with latest version of Chrome, Firefox, Safari, Opera and Internet Explorer.

With dropdown and search option
http://world.kunuk.dk

The SVG file only
http://world.kunuk.dk/WorldCountries.svg


Show World Countries

The app is one HTML and SVG file. The HTML uses JQuery.
The list of countries are extracted to HTML from the SVG file using javascript. The DOM of the SVG is updated from the HTML to the SVG (hope this makes sense). The country information is extracted using Ajax with JSONP format and JQuery.

I got the inspiration when I saw this game made in SVG http://files.myopera.com/orinoco/svg/WorldCountries.svg
Now you have a tool to cheat the game 🙂

Advertisements

Written by kunuk Nykjaer

June 23, 2011 at 6:46 pm

One Response

Subscribe to comments with RSS.

  1. […] orinoco‘s lovely Find the Country game (which I had earlier made an OLPC Activity out of) and kunuk‘s further work making the SVG world map nicely zoomable, so it was clear what to start with […]


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: