WebAppers » Mapshttp://www.webappers.com - Hunting the Best Open Source Resources for Web Developers Fri, 19 Mar 2010 07:01:23 +0000 http://wordpress.org/?v=2.8.6 en Simplify Google Maps API with Google Maps jQuery Pluginhttp://www.webappers.com/2010/01/06/simplify-google-maps-api-with-google-maps-jquery-plugin/ http://www.webappers.com/2010/01/06/simplify-google-maps-api-with-google-maps-jquery-plugin/#comments Wed, 06 Jan 2010 07:09:31 +0000 Ray Cheung http://www.webappers.com/?p=2223 The Google Maps jQuery Plugin lets you simply embed Google Maps using The Google Maps JavaScript API in your web pages. While you can use the original Google Maps JavaScript API to do what you need. This plugin attempts to simplify the process to adding maps to a page. To use The Google Maps JavaScript API, you need to first sign up for an API key.

The Google Maps jQuery Plugin is less than 10KB of JavaScript. Portions of the Map (div container, info window) is controlled through CSS, so a user can create their own styles. It has been tested on Firefox 3, Internet Explorer 8, Safari 4.

google-maps-jquery

Requirements: Firefox 3, Internet Explorer 8, Safari 4
Demo: http://www.mayzes.org/googlemaps.jquery.html
License: GPL License

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2010/01/06/simplify-google-maps-api-with-google-maps-jquery-plugin/feed/ Create Zoomable & Interactive Maps with jQueryhttp://www.webappers.com/2009/11/09/create-a-zoomable-interactive-maps-with-jquery/ http://www.webappers.com/2009/11/09/create-a-zoomable-interactive-maps-with-jquery/#comments Mon, 09 Nov 2009 07:01:10 +0000 Ray Cheung http://www.webappers.com/?p=1932 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.

jquery-maps

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

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2009/11/09/create-a-zoomable-interactive-maps-with-jquery/feed/ Embed Customised Google Maps into Your Websitehttp://www.webappers.com/2009/10/17/embed-customised-google-maps-into-your-website/ http://www.webappers.com/2009/10/17/embed-customised-google-maps-into-your-website/#comments Sat, 17 Oct 2009 07:01:33 +0000 Ray Cheung http://www.webappers.com/?p=1812 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.

google-map-api

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

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2009/10/17/embed-customised-google-maps-into-your-website/feed/ Open Source Framework for Multi-Scale Images and ZUIhttp://www.webappers.com/2009/01/06/open-source-framework-for-multi-scale-images-and-zui/ http://www.webappers.com/2009/01/06/open-source-framework-for-multi-scale-images-and-zui/#comments Tue, 06 Jan 2009 07:01:55 +0000 Ray Cheung http://www.webappers.com/?p=1461 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.

Open Source Framework for Multi-Scale Images and ZUI

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

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2009/01/06/open-source-framework-for-multi-scale-images-and-zui/feed/ MSN Multimedia Center Countries Flagshttp://www.webappers.com/2008/09/15/msn-multimedia-center-countries-flags/ http://www.webappers.com/2008/09/15/msn-multimedia-center-countries-flags/#comments Mon, 15 Sep 2008 07:07:59 +0000 Ray Cheung http://www.webappers.com/?p=1329 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.

Countries Flags

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

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2008/09/15/msn-multimedia-center-countries-flags/feed/ OpenLayers Open Source JavaScript Dynamic Maphttp://www.webappers.com/2008/09/10/openlayers-open-source-javascript-dynamic-map/ http://www.webappers.com/2008/09/10/openlayers-open-source-javascript-dynamic-map/#comments Wed, 10 Sep 2008 07:01:12 +0000 Ray Cheung http://www.webappers.com/?p=1325 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.

OpenLayers Open Source JavaScript Dynamic Map

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

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2008/09/10/openlayers-open-source-javascript-dynamic-map/feed/ Free Dotted World Map Vector Resource in 3 Sizeshttp://www.webappers.com/2008/03/30/free-dotted-world-map-vector-resource-in-3-sizes/ http://www.webappers.com/2008/03/30/free-dotted-world-map-vector-resource-in-3-sizes/#comments Sun, 30 Mar 2008 07:01:47 +0000 Ray Cheung http://www.webappers.com/2008/03/30/free-dotted-world-map-vector-resource-in-3-sizes/ 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.

vector-world-map.png

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

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2008/03/30/free-dotted-world-map-vector-resource-in-3-sizes/feed/ Create Your Own Printable Colored World Maphttp://www.webappers.com/2007/10/11/create-your-own-printable-colored-world-map/ http://www.webappers.com/2007/10/11/create-your-own-printable-colored-world-map/#comments Thu, 11 Oct 2007 07:01:06 +0000 Ray Cheung http://www.webappers.com/2007/10/11/create-your-own-printable-colored-world-map/ 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.

world-map.png

world-map2.png

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

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2007/10/11/create-your-own-printable-colored-world-map/feed/ ZebraMap Customizable Time Zone Maphttp://www.webappers.com/2007/09/22/zebramap-customizable-time-zone-map/ http://www.webappers.com/2007/09/22/zebramap-customizable-time-zone-map/#comments Sat, 22 Sep 2007 07:01:46 +0000 Ray Cheung http://www.webappers.com/2007/09/22/zebramap-customizable-time-zone-map/ 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.

zebramap.png

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

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2007/09/22/zebramap-customizable-time-zone-map/feed/ Maps Track Where Your Site Visitors Come Fromhttp://www.webappers.com/2007/09/06/maps-track-where-your-site-visitors-come-from/ http://www.webappers.com/2007/09/06/maps-track-where-your-site-visitors-come-from/#comments Thu, 06 Sep 2007 07:01:06 +0000 Ray Cheung http://www.webappers.com/2007/09/06/maps-track-where-your-site-visitors-come-from/ 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.

map.gif

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

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2007/09/06/maps-track-where-your-site-visitors-come-from/feed/