background preloader

Putting Maps Online

Facebook Twitter

Maps for your apps - Thunderforest. Great Open Source Map Tools for Web Developers. A long time ago, when Web 2.0 was just Web 1.0, we had to ask people for directions, copy them down, and hope we had a foldable map to help us find our way. Then along came MapQuest, followed by Google Maps in 2005. Today, it seems impossible to imagine finding our way without handheld phones and Web-based maps. Google Maps and its cousins Yahoo Maps and MapQuest have grown into integral parts of the Web. It's now odd for a website to offer an address without a map showing the location and offering directions. The mapping APIs made it easy for people to insert snippets of maps into their websites; now the maps are everywhere. [ How much do you know about this stalwart developer tool? Find out in InfoWorld's JavaScript IQ test. | Learn how to work smarter, not harder with InfoWorld's Developers' Survival Guide. | Keep up with the latest developer news with InfoWorld's Developer World newsletter. ] While some groused, others saw opportunity.

Map List Pro. An Easy to use, fully featured, Google map and location listing Wordpress Plugin Map List Pro for Wordpress lets you quickly display your locations in a paged, sortable, searchable, and filterable list. It comes ready to go with more than 35 styles and is fully customisable. Watch a video of Map List Pro in action on the demo page Features You can manually choose the locations you want to show from a list, show all locations, or show by category or categories. Changelog. The top seven alternatives to the Google Maps API.

Great Open Source Map Tools For Web Developers. Maps.stamen.com. WebAppers | Maps. TileMill is an application for making beautiful maps. Whether you’re a journalist, web designer, researcher, or seasoned cartographer, TileMill is the design studio you need to create compelling, interactive maps. TileMill is built on a suite of modern open source libraries including Mapnik, node.js, backbone.js, express and CodeMirror. Every map you make in TileMill is mobile ready.

By leveraging the portable, fast MBTiles format, each TileMill map looks and works great on the web and offline. You can enrich your maps with hover tooltips and clickable pop ups. Reveal details in your data by embedding numbers, graphs, and images into your map. Requirements: - Demo: License: License Free. Vizzuality/Windshaft. Demis: Web Map Server. Mud Map GPS iPhone App | TechMASH Tech Gadget & Geeky News. Unlike the average Sat Nav, the Mud Map app for the iPhone reaches parts of the country where other GPS powered apps fail and to anyone who loves the great outdoors; this is an app that is worth its weight in gold! This app uses the latest data from Ordnance Survey to ensure that the user gets to where they are going and back, even if there are no roads to follow.

These are the details and features for the brilliant Mud Map app for the iPhone; MUD MAP transforms your iPhone into a powerful handheld GPS for the outdoors. Unlike most navigation apps that just give up where the road ends, MUD MAP keeps navigating ON or OFF the beaten track.Featuring an advanced routing engine, it is the only GPS app in the App store that can navigate you from your door step to the bush, to the summit and back. Maps are stored on the phone, so connectivity is not required and that means you can explore in confidence, anywhere!. The Mud Map app is available from the iTunes Store and is priced at £1.99.

OSGEO Stack

FLOSS Map Servers. OpenStreetMap. WMS. Mapbox. MapQuery. Wax. We’d highly recommend you use a current version of MapBox.js rather than Wax for all future projects, and consider porting your code! Good news, everyone! MapBox has introduced MapBox.js v1, which features improved browser support, documentation, and access to a rich ecosystem of Leaflet plugins.

So please usher yourself to the new MapBox.js page and enjoy the future! ↓ Download Wax 6.4.0 BSD-licensed, ~16KB Already using Wax, and need to upgrade? If you’re just starting out, follow along and by the end, you’ll be a web-mapping pro. var url = ' wax.tilejson(url, function(tilejson) { var m = new MM.Map('intro-map', new wax.mm.connector(tilejson), new MM.Point(700,400)); m.setCenterZoom(new MM.Location(tilejson.center[1], tilejson.center[0]), tilejson.center[2] - 3); wax.mm.zoomer(m).appendTo(m.parent); wax.mm.interaction() .map(m) .tilejson(tilejson) .on(wax.tooltip().animate(true).parent(m.parent).events());}); Get Wax A Quick Intro. Node.js Javascript language. Three.js: render real world terrain from heightmap using open data. Three.js is a great library for creating 3D objects and animations.

In a couple of previous articles I explored this library a bit and in one of those examples I showed you how you can take GIS information (in geoJSON) format and use D3.js and three.js to convert it to a 3D mesh you can render in the browser using javascript. This is great for infographic, but it doesn't really show a real map, a real terrain. Three.js, luckily also has helper classes to render a terrain as you can see in this demo: This demo uses a noise generator to generate a random terrain, and adds a whole lot of extra functionality, but we can use this concept to also render maps of real terrain.

Or look at the live site here: Where do we get the data? The open data that we'll use comes from ASTER/GDEM. This project offers us elevation data (geotagged) with a resolution of 30 meters. . #! JavaScript Toolkit for Rich Web Mapping Applications — GeoExt v1.1. Subway Map Visualization jQuery Plugin » TechBubble. I have always been fascinated by the visual clarity of the London Underground map. Given the number of cities that have adopted this mapping approach for their own subway systems, clearly this is a popular opinion. At a conference some years back, I saw a poster for the Yahoo! Developer Services. They had taken the concept of a subway map and applied it to create a YDN Metro Map. Once again, I was in awe of the visual clarity of this map in helping one understand the various Yahoo!

Services and how they inter-related with each other. University departments, offices, student groupsGovernmentOpen Source projectsInternet startups by category More examples on this blog: Ten Examples of the Subway Map Metaphor. Fast-forward to now. With these goals in mind, I started creating my jQuery plugin. Download or get it on GitHub Step-by-Step Guide Here is a guide to using the Subway Map Visualization jQuery Plugin. Demo: Here’s a demo of the finished map described in this guide. Referencing the Plugin 2. jMapping Documentation. HTMAPL: Crimespotting. jQuery Vector Maps - Resizable Scalable Vector Graphic (SVG) Maps for Modern Browsers.