Update vector label example
This commit is contained in:
@@ -35,3 +35,11 @@ h2 {
|
|||||||
.edit-form-elem select {
|
.edit-form-elem select {
|
||||||
width: 130px;
|
width: 130px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.edit-form br {
|
||||||
|
clear: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clearall {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|||||||
@@ -3,7 +3,10 @@ layout: example.html
|
|||||||
title: Vector Labels
|
title: Vector Labels
|
||||||
shortdesc: Example of GeoJSON features with labels.
|
shortdesc: Example of GeoJSON features with labels.
|
||||||
docs: >
|
docs: >
|
||||||
**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.
|
This example showcases a number of options that can be set on text styles.
|
||||||
|
When "Text/Wrap" is chosen (for example for the line features), the label is
|
||||||
|
wrapped by inserting the character `\n`, which will create a multi-line
|
||||||
|
label.
|
||||||
tags: "geojson, vector, openstreetmap, label"
|
tags: "geojson, vector, openstreetmap, label"
|
||||||
---
|
---
|
||||||
<div id="map" class="map"></div>
|
<div id="map" class="map"></div>
|
||||||
@@ -274,3 +277,4 @@ tags: "geojson, vector, openstreetmap, label"
|
|||||||
<input type="text" value="3" id="polygons-outline-width" />
|
<input type="text" value="3" id="polygons-outline-width" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="clearall"></div>
|
||||||
|
|||||||
Reference in New Issue
Block a user