Interactive Map | OpenLayers

This web application contains a world map that runs on the web page. The center of the map is the Arc de Triomphe, its latitude and longitude are marked on the map.

Step 1Define

What It Had to Do

• MapA world map that runs inside a web page
• CenterOpen centered on the Arc de Triomphe, with its latitude and longitude marked on the map
• MarkerDraw the eye to that location with a pulsing marker
• InteractionZoom in and out and pan with the mouse

Step 3Build

The map requires the Javascript library from OpenLayers, an open source project that facilitates the use of dynamic maps in the web page. It can display map tiles, vector data and markers.

The map is interactive: zoom in and out with the + / − buttons or the scroll wheel, and pan by dragging with the left mouse button held down.