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

Add full screen demo

Browse Source
This commit is contained in:
Tom Payne
2012-09-25 10:58:25 +02:00
parent 116531c275
commit ae34e8d261
4 changed files with 71 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
Makefile
View File

@@ -23,7 +23,7 @@ build/ol-all.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/proj4js demos/side-by-side demos/two-layers
demos: demos/full-screen demos/proj4js demos/side-by-side demos/two-layers
.PHONY: demos/proj4js
demos/proj4js: \
@@ -36,6 +36,37 @@ demos/proj4js/build.html: demos/proj4js/index.html.in
demos/proj4js/debug.html: demos/proj4js/index.html.in
sed -e 's|@SRC@|http://localhost:9810/compile?id=ol|' $< > $@
.PHONY: demos/full-screen
demos/full-screen: \
demos/full-screen/advanced-optimizations.html \
demos/full-screen/advanced-optimizations.js \
demos/full-screen/debug.html \
demos/full-screen/simple-optimizations.html \
demos/full-screen/simple-optimizations.js
demos/full-screen/advanced-optimizations.html: demos/full-screen/index.html.in
sed -e 's|@SRC@|advanced-optimizations.js|' $< > $@
demos/full-screen/advanced-optimizations.js: $(PLOVR_JAR) $(SRC) base.json \
demos/full-screen/full-screen.json demos/full-screen/full-screen.js
java -jar $(PLOVR_JAR) build demos/full-screen/full-screen.json >$@
@echo $@ "uncompressed:" $$(wc -c <$@) bytes
@echo $@ " compressed:" $$(gzip -9 -c <$@ | wc -c) bytes
demos/full-screen/debug.html: demos/full-screen/index.html.in
sed -e 's|@SRC@|http://localhost:9810/compile?id=demo-full-screen|' $< > $@
demos/full-screen/simple-optimizations.html: demos/full-screen/index.html.in
sed -e 's|@SRC@|simple-optimizations.js|' $< > $@
# FIXME invoke plovr directly, rather than assuming that the server is running
demos/full-screen/simple-optimizations.js: $(PLOVR_JAR) $(SRC) base.json \
demos/full-screen/full-screen.json demos/full-screen/full-screen.js
curl 'http://localhost:9810/compile?id=demo-full-screen&mode=SIMPLE' > $@
@echo $@ "uncompressed:" $$(wc -c <$@) bytes
@echo $@ " compressed:" $$(gzip -9 -c <$@ | wc -c) bytes
.PHONY: demos/side-by-side
demos/side-by-side: \
demos/side-by-side/advanced-optimizations.html \

11
demos/full-screen/full-screen.js Normal file
View File

@@ -0,0 +1,11 @@
goog.require('ol.RendererHint');
goog.require('ol.createMap');
goog.require('ol.layer.MapQuestOpenAerial');
var rendererHint = [ol.RendererHint.WEBGL, ol.RendererHint.DOM];
var map = ol.createMap(document.getElementById('map'), {}, rendererHint);
var layer = new ol.layer.MapQuestOpenAerial();
map.getLayers().push(layer);
map.setCenter(new ol.Coordinate(0, 0));
map.setResolution(layer.getStore().getResolutions()[0]);

9
demos/full-screen/full-screen.json Normal file
View File

@@ -0,0 +1,9 @@
{
"id": "demo-full-screen",
"inherits": "../../base.json",
"inputs": "demos/full-screen/full-screen.js"
}

19
demos/full-screen/index.html.in Normal file
View File

@@ -0,0 +1,19 @@
<!doctype html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<style type="text/css">
html, body, #map {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
</style>
<title>ol3 full-screen demo</title>
</head>
<body>
<div id="map"></div>
<script src="@SRC@" type="text/javascript"></script>
</body>
</html>