ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add Proj4js demo

Browse Source
This commit is contained in:
Tom Payne
2012-08-08 00:38:33 +02:00
parent 6bab81ffe7
commit e78986c954
3 changed files with 49 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
Makefile
View File

@@ -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 \

13
demos/proj4js/index.html.in Normal file
View File

@@ -0,0 +1,13 @@
<!doctype html>
<html>
<head>
<script src="../../proj4js-combined.js" type="text/javascript"></script>
<script src="@SRC@" type="text/javascript"></script>
<title>ol3 proj4js demo</title>
</head>
<body>
<h1>ol3 proj4js demo</h1>
<div id="output"></div>
<script src="proj4js.js" type="text/javascript"></script>
</body>
</html>

23
demos/proj4js/proj4js.js Normal file
View File

@@ -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()));