Interactive 3D buildings
Hover, click and paint single 3D buildings and landmarks in Amsterdam with the Landmarks 3D plugin
Each building and landmark of central Amsterdam lights up under the pointer, takes the click colour when you select it and keeps a paint colour of its own.
buildings.eventsandlandmarks.eventsreport the building or landmark under the pointer, its id and its properties. A handler is all it takes to turn the hover and click colours on.setBuildingColorsandsetLandmarkColorsgive the ones you name by id a colour of their own, which they keep as their tiles reload. The base map’sgetBuildingIdAtnames the building at a position, so two are coloured from coordinates.- The
hoverandclickknobs ofBuildings3Dset both colours, and the landmarks follow them.
Related examples
three.js custom layer
Draw a three.js scene in metres around a place, among the map's 3D buildings, and click its objects
Customization
Terrain and 3D
User Interaction Events
Web
3D terrain map
Render the map surface in 3D using terrain elevation data
Getting Started
Terrain and 3D
Plugins
Web
Interactive base map buildings
Hover, click and paint single 3D buildings of the base map in Midtown Manhattan
Customization
Base Map
User Interaction Events
Web
Buildings 3D playground
Give the base map's 3D buildings windows, a sun that casts shadows and a night look, and tune their look live
Playground
Terrain and 3D
Plugins
Web