Proj4js is not necessary for this example, as transforming between these two projections is possible without proj4js
. Try the following steps:
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.
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');
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];
And now, let's transform it. We'll take it from
EPSG:4326
(our sourceproj_4326
projection object) toEPSG:3857
(our destinationproj_3857
projection object):var myTransformedPoint = ol.proj.transform(point_to_transform, proj_4326, proj_3857);
Finally, we'll print the new value:
console.log(myTransformedPoint); console.log(myTransformedPoint[0], myTransformedPoint[1]);
Your output should...