Map with third dimension on Web gives you a new way to visualize reality. Isn’t that cool if you get to know building level detail, Analyze the surface by getting elevation detail and get the actual visualization to some extent even without visiting the area. Adding third dimension to a map is an add-on for geographers, government bodies and to every individuals for proper understanding the geographic area.
Website with power of internet is connecting every people in this world, to acquire knowledge and now creating and viewing a 3D map on website without adding a plugin is an awesome. Before moving to see Examples and Libraries lets list out some uses for 3D Map.
Uses of Interactive 3D map:
Several industries like Retail, Real Estate, Tourism, Geo Advertising, Smart cities etc can take advantage of Web 3D Map with existing GIS database knowledge.
1.) Get introduced to a new place before taking a tour to an unknown area.
2.) Create a walk-through of newly constructed building to visualize new concept easily.
3.) Visualize 3D Flood modeling simulation while planning construction development.
4.) 3D urban map with existing GIS databases.
5.) Get better understanding of 3D elevation view of natural features like mountain, canyons etc.
6.) Campus planning – Better understanding shadow effects, sun exposure, road etc.
Finally 3D Map brings more idea to your GIS analysis.
Amazing Library which helps you to create web 3D Maps easily:
You can now easily build and visualize your 3D Map model on website without adding any plugin or additional addon. This all can be possible with the help of WebGL technology which is a JavaScript API for rendering interactive 3D graphics. This libraries can help you to create interactive map which helps you to see the data on basemap, zooming and panning functionality which can be incorporated easily with the help functionalities provided.
1.) OSMBuildings GL – 3D Map Library:
Demo : OSMBuilding Demo
Download Library Code : Github Code
Type : Open Source, MIT License
Technology : WebGL, OpenStreetMap, OpenCage Geocoder, MapBox tiles
Developed By : Jan Marsch
2.) ViziCities – 3D Map library:
Demo : ViziCities Demo
Download library Code : Github Code
Type : Open Source, MIT License
Technology : WebGL via Three.js and openstreetmap
Developed By : Robin Hawkes & Peter Smart
3.) CesiumJS – 3D Map Library:
Demo : CesiumJS Demo
Download Library Code: Github Code
Type : Both Commercial and Open Source with Apache 2.0 License
Technology : WebGL
Developed By : Analytical Graphics, Inc. (AGI)
4.) Tangram – 3D Map Library
Demo : Tangram Demo
Download Library Code : Github Code
Type : Open Source, MIT License
Technology : WebGL, OpenStreetMap
Developed By : Mapzen
Other Libraries, Tool and Examples for 3D Map
ESRI CityEngine: A software which Transform 2D GIS Data into Smart 3D City Models. You may look further docs here. An Awesome Example of 3D Map with the help of ESRI CityEngine.
Octomap: Probabilistic 3D Mapping framework. Its an open source map under New BSD license. You may see Github code from here developed by Kai M. Wurm and Armin Hornung, University of Freiburg.
Android 3D map with Nutiteq SDK: You may see the github code from here and is licensed under MIT License.
You may Further research over Glob3Mobile which is the multiplatform advanced visualization framework and
Ol3-Cesium – 3D for OpenLayers map.
What you think about 3D map on website. Do comment below with if you are looking to develop or want to create a sample or you know any new libraries which I have not listed here?