Tutorial by Examples | RIP Tutorial

Installation or Setup

OpenLayers 3 or as it is referred OL-3 is a Javascript Library for web mapping, so in order to use it you'll need to add it in your html: first add the ol.css file to use the map styling of OL-3 : then add the ol.js file : you can also download OL-3 from the official site www.openlaye...

openlayers-3 • Getting started with openlayers-3

setting up OL-3

openlayers-3 • Getting started with openlayers-3

Getting started with a simple map

<html> <head> <title>Getting started</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.17.1/ol.css" type="text/css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/ol3/3.17.1/ol...

openlayers-3 • Getting started with openlayers-3

Example using Bing Maps

var baseLayer = new ol.layer.Tile({ visible: true, preload: Infinity, source: new ol.source.BingMaps({ // We need a key to get the layer from the provider. // Sign in with Bing Maps and you will get your key (for free) key: 'Ap9VqFbJYRNkatdxt3KyzfJxXN_9GlfA...

openlayers-3 • Getting started with openlayers-3