Open Source Resources for Web Application Developers

NMC has written a jQuery plugin for Zoomable, Interactive Maps. Each location on the map would be represented by a bullet. Clicking the bullet would bring up more information on the location. Since the locations of the bullets might be highly clustered, zooming into select subregions is possible too.

However, the plugin currently does nothing on its own to make content available to search engines and those with disabilities. And also, right now it is impossible to programatically interact with the map once it is launched. Eventually it will have a simple API to assist in navigation and other manipulations.

Requirements: jQuery Framework
Demo: http://www.newmediacampaigns.com/page/a-jquery-plugin…
License: MIT License

• 3 Comments

The Google Maps API allows you to embed maps directly into your website. All it takes is a little JavaScript, and CSS. Version 3 of the Google Maps API has just been released, it would be nice to do something with it.

Maps are often placed on a company website to help customers find their way there. For that, Google Maps is excellent. But wouldn’t it be nice to add your company logo, parking lots, train stations to the map, in order to help the customer even more? Adding Custom Google Maps to Your Website is very simple and easy, Stiern is going to show you how.

Requirements: Google Map API
Demo: http://stiern.com/tutorials/adding-custom-google-maps-to-your-website
License: License Free

• 2 Comments

OpenZoom is an Open Source Framework for Multi-Scale Images and Zoomable User Interfaces (ZUI). The OpenZoom core framework is built on top of the Adobe Flash Platform and provides custom components that can be used either in Flash or Flex.

MultiScaleImage is a component that built on top of the OpenZoom framework.There are three core concepts of the MultiScaleImage, namely transformers, controllers and constraints.

The transformer controls the animation of the viewport. Controllers are the glue between user input and viewport control. The constraint controls what states the viewport can reach. Don’t want people to zoom out too much? Just add a ZoomConstraint and set minimum and maximum zoom.

Requirements: -
Demo: http://gasi.ch/blog/flex-multiscaleimage-component/
License: GPL License

• 0 Comments

A while ago, we have introduced 220+ Glossy Flag Icons in PNG format, Bartelme Design Flag Button Devkit. If you are looking for mini flag icons, you should visit FAMFAM Flag Icons as well. Many websites / web applications have different versions for different countries, and some of them support different languages as well. I am sure a set of flag icons / pictures can help us so much.

Now we can create our own set of flag icons for our websites / web applications, because MSN Multimedia Center provides us a set of flags, including 192 Countries, Canadian Provinces & Cities, Islands and U.S. States, Territories, & Regions.

Requirements: -
Demo: http://encarta.msn.com/mediacenter_2.0.1/Countries.html
License: License Free

• 6 Comments

OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles and markers loaded from any source. MetaCarta developed the initial version of OpenLayers and gave it to the public to further the use of geographic information of all kinds.

OpenLayers is a pure JavaScript library for displaying map data in most modern web browsers, with no server-side dependencies. OpenLayers implements a JavaScript API for building rich web-based geographic applications, similar to the Google Maps and MSN Virtual Earth APIs, with one important difference – OpenLayers is Free Software, developed for and by the Open Source software community.

As a framework, OpenLayers is intended to separate map tools from map data so that all the tools can operate on all the data sources.

Requirements: Javascript Enabled
Demo: http://www.openlayers.org/
License: BSD License

• 2 Comments

Jayhan present you the vector dotted world map free for download. It comes with three different dot sizes which is fine, medium and large to cater for different purpose and needs. This dotted world map is based on the world map resource from Deviant Art, and Jayhan overlay a dotted pattern on top and slowly remove the unwanted dots to form the shape of the world. It took Jayhan several days to accomplish this. UK was missing in the map. However, Dotted world map vector V1.1 has now included UK as well.

Requirements: -
Demo: http://www.jay-han.com/2008/01/06/dotted-world-map-vector…
License: License Free

• 4 Comments

Printable World Map is free of charge. You can use Printable World Map for Web site, Publication, TV, Education, Work, anything you like. Follow the easy steps, you can have your own colored world map in no time.

1. Click one or some countries, which you want to paint.
2. Select the color from the color palette. You will have clicked color, and the State’s color will change.
3. Click the “Fix color” button, if you will have liked color.
4. It repeats from 1 to 3.
5. Finally, click the “Download” button. Then you get printable world map.

Requirements: No Requirements
Demo: http://english.freemap.jp/world_paint/world_paint.html
License: License Free

• 8 Comments

The ZebraMap time zone map is a free, customizable map that you can use on its own or as part of a blog or web site. You can pick from twenty color schemes, add locations and position the labels. The map initially comes with ads at the bottom. If you would like to remove the ads from your map you can do so for a small fee.

Requirements: Modern Browsers with Javascript Enabled
Demo: http://www.zebramap.com/
License: License Free

• 0 Comments

With maps.amung.us you get to see exactly where your site visitors are from – live! The maps update themselves on your site without having to reload the whole page. The maps are customizable which you can choose different backgrounds, pin shapes and color schemes. Embeddable maps are available in two sizes, a full size version and a smaller version for sites that have lesser space. Just copy the code into your website to get it working.

Requirements: No Requirements
Demo: http://maps.amung.us/
License: License Free

• 0 Comments

DIY Map is a clickable, zooming map written in Flash and colored by data from an external text file. The external data file makes it easy to customize and update state colors, add points, and use the same Flash file many times in the same Web page with different data sets. You can have a world map, USA map or Asia map,etc. It is free for personal, educational, and non-commercial use.

Requirements: Internet Explorer 6.0+, Firefox 0.8+, Safari 1.2.4+, Netscape 7.1+, Mozilla 1.4+, Opera 8.02+
Demo: http://backspace.com/mapapp
License: License Free for Non-Commercial

• 0 Comments