Let's walk through creating a simple map from the beginning. Create a new file in your text editor to get started. To make it easy, save this file in the sandbox
folder. Remember that all the samples are set up to use the version of OpenLayers we've provided in the assets
folder:
Start with the HTML code needed to set up the page:
<!doctype html> <html> <head> <title> Map Examples </title> <link rel="stylesheet" href="../assets/ol3/ol.css" type="text/css" /> <link rel="stylesheet" href="../assets/css/samples.css" type="text/css" /> </head> <body> <div id="map" class="map"></div> <script src="../assets/ol3/ol.js"> </script>
We are just setting up a standard HTML 5 web page and including our stylesheets and the OpenLayers library.
Add a
<script>
block with the following code:<script> var layer = new ol.layer.Tile({ source: new ol.source.OSM(...