diff --git a/examples_src/vector-labels.css b/examples_src/vector-labels.css new file mode 100644 index 0000000000..8009acb0f2 --- /dev/null +++ b/examples_src/vector-labels.css @@ -0,0 +1,37 @@ +h2 { + font-size: 1.5em; + line-height: 15px; +} + +.scale-cnt { + margin: 5px; +} + +.edit-form-ctn { +} + +.edit-form { + float: left; + margin: 5px; + width: 230px; + padding: 4px; + border: 1px solid black; +} + +.edit-form input[type="button"] { + float: right; +} + +.edit-form-elem label { + display: block; + float: left; + width: 85px; +} + +.edit-form-elem input[type="text"] { + width: 60px; +} + +.edit-form-elem select { + width: 130px; +} diff --git a/examples_src/vector-labels.html b/examples_src/vector-labels.html index 9d316e64c1..1dfaadbbf1 100644 --- a/examples_src/vector-labels.html +++ b/examples_src/vector-labels.html @@ -1,361 +1,280 @@ - - - - - - - - - - - - Vector labels example - - - -
-
-
- OpenLayers 3 Examples -
-
-
- -
- -
-
-
-
-
- -
- -

Points

-
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
-
- -
- -

Lines

-
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
-
- -
- -

Polygons

-
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
- - -
-
- -
- -
- -
-

Vector labels example

-

Example of GeoJSON features with labels.

-
-

See the vector-labels.js source to see how this is done.

-

Note: The 'Text/Wrap' option is currently not working properly. This is because ol3 uses Canvas's strokeText and fillText functions that do not support text wrapping.

-
-
geojson, vector, openstreetmap, label
-
- -
- - -
- - - - - - - +
+ +

Polygons

+
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
diff --git a/examples_src/vector-layer.html b/examples_src/vector-layer.html index 3589342a69..d98c05e545 100644 --- a/examples_src/vector-layer.html +++ b/examples_src/vector-layer.html @@ -1,56 +1,22 @@ - - - - - - - - - - - Vector layer example - - +--- +template: "example.html" +title: "Vector layer example" +shortdesc: "Example of a countries vector layer with country information." +docs: > + The countries are loaded from a GeoJSON file. Information about countries is shown on hover and click. Zoom in a few times to see country name labels. +tags: "vector, osm, xml, loading, server" +--- +
+
+
+
+
-
-
-
- OpenLayers 3 Examples -
-
+
+
+
+
+  
- -
- -
-
-
-
-
- -
- -
-

Vector layer example

-

Example of a countries vector layer with country information on hover and country labels at higher zoom levels.

-
-

See the vector-layer.js source to see how this is done.

-
-
vector, geojson, style, feature overlay
-
-
-
-   -
-
- -
- -
- - - - - - - +
+
diff --git a/examples_src/vector-osm.html b/examples_src/vector-osm.html index b505c591a4..5bc7310a05 100644 --- a/examples_src/vector-osm.html +++ b/examples_src/vector-osm.html @@ -1,56 +1,13 @@ - - - - - - - - - - - OSM XML example - - - -
-
-
- OpenLayers 3 Examples -
-
-
- -
- -
-
-
-
-
- -
- -
-

OSM XML example

-

Example of using the OSM XML source. Vector data is loaded dynamically from a server using a tiling strategy.

-
-

See the vector-osm.js source to see how this is done.

-
-
vector, osm, xml, loading, server
-
-
-
-   -
-
- -
- -
- - - - - - - +--- +template: "example.html" +title: "OSM XML example" +shortdesc: "Example of using the OSM XML source." +docs: > + OSM XML vector data is loaded dynamically from a server using a tiling strategy. +tags: "vector, osm, xml, loading, server" +--- +
+
+
+
+
diff --git a/examples_src/vector-wfs.html b/examples_src/vector-wfs.html index e038956163..df0d5b43f8 100644 --- a/examples_src/vector-wfs.html +++ b/examples_src/vector-wfs.html @@ -1,50 +1,13 @@ - - - - - - - - - - - WFS example - - - -
-
-
- OpenLayers 3 Examples -
-
-
- -
- -
-
-
-
-
- -
- -
-

WFS example

-

Example of using WFS with a BBOX strategy.

-
-

See the vector-wfs.js source to see how this is done.

-
-
vector, WFS, bbox, loading, server
-
-
- -
- - - - - - - +--- +template: "example.html" +title: "WFS example" +shortdesc: "Example of using WFS with a BBOX strategy." +docs: > + This example loads new features from GeoServer WFS when the view extent changes. +tags: "vector, WFS, bbox, loading, server" +--- +
+
+
+
+