O'Reilly logo

OpenLayers 3 : Beginner's Guide by Erik Hazzard, Paul Spencer, Thomas Gratier

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action – rendering a masterpiece

Let's modify our example and add a renderer option to see what happens:

  1. Open the example in your web browser. Right-click on the map and select Inspect Element to open the Web Inspector and see what OpenLayers creates in the web page to display the map.
    Time for action – rendering a masterpiece
  2. You should see something like the following screenshot:
    Time for action – rendering a masterpiece

    The inspector is highlighting the HTML element used to render the map. In this case, that element is the <canvas> element. This element is used for both the WebGL and Canvas renderers. Let's see what happens ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required