Tag: maps

Learn to make a history education map using 3D mapping tool, WRLD.

This fun tutorial takes the George Costanza's brilliant idea and makes it a reality. We build a bathroom finder app using WRLD's 3D mapping platform.

Set in the World of 24 with Jack Bauer, this tutorial takes you on an epic, but easy to follow journey, to build a dynamic 3D map using WRLD.

Almir Bijedic demonstrates how to use the Polymer library to create a custom Google Maps component and embed it into a WordPress site as a handy widget.

Patrick looks at an example use of GDELT - the world's database of events - and uses it to analyze some world trends with PHP and SQL. Check it out!

Jamie Shields walks through best practices for getting started with the Google Maps JavaScript API.

Kevin Kononenko shows how to create animated markers in Google Maps that respond to the user's actions.

Ilya Bordrov-Krukowski pens this tutorial on using the Geocoder gem with Rails. Learn how to find addresses, use maps, and locate coordinates in your app.

Read Add Elegant Maps to Your Android App with MapBox and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Elio is back with another selection of great open source projects that are crying out for a touch of design love. Can you be their saviour?

Shivam Mamgain explores ways to utilize and customize Google Maps with GMaps.js, a library that makes it much easier to harness the Google Maps API.

Joyce Echessa shows how to use Google Play Services to add highly interactive maps to an Android app.

Deivi Taka looks at adding maps and geolocation functionality to Windows Phone Apps.

From Casablanca to Game of Thrones, maps have been used to help tell stories. AMCharts Pixel Map Editor lets you create customized SVG maps with ease.

Geospatial Information Systems aid the visualization of complex and dynamic data. Steve Pepple looks at the best libraries for handling GIS in JavaScript.

Robert will walk you through how to setup and configure your first Google map using the Google Maps API in this short screencast to get you started.

Explore the benefits and capabilities of the Google Maps API, and how other websites have customized it to make it a more attractive and interactive map.

Sometimes design genius isn't what you add -- it's what you take away. Henry Beck's London Underground Map tells us a lot about good information design.

Massimo Cassandro takes a look at the power of the Google Maps API, covering static, streetview, embedded, and JavaScript-based maps.

Massimo Cassandro goes through the steps to create a nice SVG-based dynamic population map, with a little bit of jQuery.

This article introduces OpenLayers, an alternative to Google Maps that is run by the community.

Learn how to integrate Geocoder PHP with Leaflet JS to create simple, easy and beautiful interactive maps on your website

Read SitePoint Podcast #138: What's The Alternative To Google? and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

This is an example of a Google Maps JSON file which you might see used to store configuration settings to setup your system and google maps marker info.