Hello World

by ahocevar

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/ol3/3.5.0/ol.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/ol3/3.5.0/ol.css">
<div id="map"></div>

CSS

#map {
    height: 256px;
    width: 512px;
}

JavaScript

var map = new ol.Map({
    target: 'map',
    layers: [
        new ol.layer.Tile({
            title: "Global Imagery",
            source: new ol.source.TileWMS({
                url: 'http://demo.boundlessgeo.com/geoserver/wms',
                params: {LAYERS: 'nasa:bluemarble'}
            })
        })
    ],
    view: new ol.View({
        projection: 'EPSG:4326',
        center: [0, 0],
        zoom: 1
    })
});