Contents
Where do I find the map in OpenLayers?
The map in the application is contained in a HTML element. Through this the map properties like width, height and border can be controlled through CSS. Here’s the CSS element used to make the map 400 pixels high and as wide as the browser window.
How to create a control object in OpenLayers?
map is our map object we just created, and addControl is a function call we make that -takes in- an OpenLayers Control object and adds it to the map. In this case, we are passing in new OpenLayers.Control.OverviewMap (). OverviewMap is the class, and we are creating an object from the class by typing new before it.
Where are the invisible controls on openlayers.com?
Most controls that are ‘visible’ (e.g. the layer switcher control) can be placed either inside or outside of the map. The ‘invisible’ controls, such the control that allows you to navigate the map when you drag the map with your mouse, are either there are they aren’t – so we can’t really ‘place’ them outside the map.
How to build an OpenLayers application for production?
For production, we strongly recommend bundling the application together with its dependencies, as explained in the Building an OpenLayers Application tutorial. Below you’ll find a complete working example. Create a new file, copy in the contents below, and open in a browser: To include a map a web page you will need 3 things:
Do you need a script to run OpenLayers?
Optional: If the application is intended to run on old platforms like Internet Explorer or Android 4.x, another script needs to be included before OpenLayers: The map in the application is contained in a HTML element. Through this the map properties like width, height and border can be controlled through CSS.
What are the coordinates of the OpenLayers layer?
You will notice that the center specified is in lon/lat coordinates (EPSG:4326). Since the only layer we use is in Spherical Mercator projection (EPSG:3857), we can reproject them on the fly to be able to zoom the map on the right coordinates.