diff --git a/Makefile b/Makefile index 8d16a252f2..000889bc29 100644 --- a/Makefile +++ b/Makefile @@ -28,7 +28,7 @@ build/ol3.js: $(SRC) ( echo "goog.require('goog.dom');" ; find src/ol -name \*.js | xargs grep -rh ^goog.provide | sort | uniq | sed -e 's/provide/require/g' ) > $@ .PHONY: demos -demos: demos/api1 demos/side-by-side +demos: demos/api1 demos/proj4js demos/side-by-side .PHONY: demos/api1 demos/api1: \ @@ -42,6 +42,18 @@ demos/api1/build.html: demos/api1/index.html.in demos/api1/debug.html: demos/api1/index.html.in sed -e 's|@SRC@|http://localhost:9810/compile?id=ol3-api|' $< > $@ +.PHONY: demos/proj4js +demos/proj4js: \ + build/ol3-api.js \ + demos/proj4js/build.html \ + demos/proj4js/debug.html + +demos/proj4js/build.html: demos/proj4js/index.html.in + sed -e 's|@SRC@|../../build/ol3-api.js|' $< > $@ + +demos/proj4js/debug.html: demos/proj4js/index.html.in + sed -e 's|@SRC@|http://localhost:9810/compile?id=ol3-api|' $< > $@ + .PHONY: demos/side-by-side demos/side-by-side: \ demos/side-by-side/advanced-optimizations.html \ diff --git a/demos/proj4js/index.html.in b/demos/proj4js/index.html.in new file mode 100644 index 0000000000..5239fee524 --- /dev/null +++ b/demos/proj4js/index.html.in @@ -0,0 +1,13 @@ + + + + + + ol3 proj4js demo + + +

ol3 proj4js demo

+
+ + + diff --git a/demos/proj4js/proj4js.js b/demos/proj4js/proj4js.js new file mode 100644 index 0000000000..1325dbb16a --- /dev/null +++ b/demos/proj4js/proj4js.js @@ -0,0 +1,23 @@ +goog.require('goog.dom'); +goog.require('ol.Coordinate'); +goog.require('ol.Projection'); + + +var outputElement = document.getElementById('output'), p; + +var point, transformedPoint; + +point = new ol.Coordinate(-626172.13571216376, 6887893.4928337997); +transformedPoint = ol.Projection.transformWithCodes( + point, 'GOOGLE', 'WGS84'); +outputElement.appendChild(goog.dom.createTextNode(transformedPoint.toString())); + +Proj4js.defs['EPSG:21781'] = + '+proj=somerc +lat_0=46.95240555555556 +lon_0=7.439583333333333 +k_0=1 ' + + '+x_0=600000 +y_0=200000 +ellps=bessel ' + + '+towgs84=674.374,15.056,405.346,0,0,0,0 +units=m +no_defs'; + +point = new ol.Coordinate(7.439583333333333, 46.95240555555556); +transformedPoint = ol.Projection.transformWithCodes( + point, 'EPSG:4326', 'EPSG:21781'); +outputElement.appendChild(goog.dom.createTextNode(transformedPoint.toString()));