TEST DRIVE
Demonstration Maps (click a title)
| US State Data Map All Browsers |
| PHP, JavaScript, SVG-based data map. The SVG data is transformed using the Raphael JavaScript library allowing it to display in all browsers including older versions of IE. Data is retrieved from a MySQL database. A picklist allows for quick display of different data variables. A rollover popup shows detailed info about a state. |
| HTML5 Video Player For All Browsers |
| The initial version of an HTML5 video player suitable for all browsers old and new. Three video formats are available (mp4, ogv, mov) and the player selects the format appropriate for the current browser. Browsers capable of using the HTML5 video player use either the mp4 or ogv format. The fallback for older browsers is the Quicktime plugin. The player is capable of playing both HD and SD videos and adjusts the size of the player to match the size of the video. |
| US County Data Map |
| Flash/ActionScript 3 with Google Maps. Over 3,000 county polygons with a variety of methods for displaying data. Category buttons for fast display of specific data; slider to sift through data. |
| Polygon Data Map |
| Flash/ActionScript 3 with Google Maps. Rollover polygons for quick access to related data. Polygons loaded directly from KML file. Map fills browser window even during resizing. |
| Point Thematic Map |
| Flash/ActionScript 3 with Google Maps. Large set of points categorized by color. Pop-up legend, rollover label display, click points for custom-popup showing detailed data. |
| Listen Map |
| Flash/ActionScript 3 with Google Maps. Includes custom audio player and table that links to map. Click on table item to zoom to location. XML data designed for easy adding of new sounds. |
| John Muir Trail 1956 |
| Flash/ActionScript 3 with custom maps. Includes overview map, detail maps, and photo popup window. Data retrieved from XML files. |
| Toys Noise |
| Flash/ActionScript 3 Interactive audio playground. |
| Ferry Schedules Transit Map |
| Flash/ActionScript 3 with Google Maps. Ferry schedules and other transit info. Data is retrieved from an XML feed and formatted into clean, easy-to-read tables. Four quick-view buttons allow for easy navigation. |
| Aerial Photo Basemap |
| Flash/ActionScript 3 with UMapper. The basemap is an aerial photo sliced into a set of custom tiles. Map layers are derived from shapefiles converted to KML. Mouse-over for info windows. |
| Flash Mapping |
| Flash/ActionScript 3 using geographic data in pixel coordinates. KML data is tranlsated to pixel coordinates. Includes zooming and navigation capabilities, and theme mapping examples. |
| Polygon Thematic Map |
| Flash/ActionScript 3 with Google Maps. Data is retrieved from a MySQL database using PHP code. Buttons on the HTML page interact with the map via JavaScript functions. |
| Point Map |
| Flash/ActionScript 3 with UMap and OpenStreetMap basemap. |