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 – coordinate transforms

Proj4js is not necessary for this example, as transforming between these two projections is possible without proj4js. Try the following steps:

  1. Open up the previous example in your browser. We won't be modifying any code, so any page that includes the OpenLayers library will be fine.
  2. Open Chrome Developer Tools. In the console, create two projection objects:
    var proj_4326 = ol.proj.get('EPSG:4326');
    var proj_3857 = ol.proj.get('EPSG:3857');
  3. Now, let's create an array with x, y coordinates, which will contain a point in EPSG:4326 coordinates:
    var point_to_transform = [-79, 42];
  4. And now, let's transform it. We'll take it from EPSG:4326 (our source proj_4326 projection object) to EPSG:3857 (our destination proj_3857 ...

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