layers.style.stroke Object
The default stroke for layer shapes. Accepts a valid CSS color string or object with detailed configuration.
Example - setting stroke style for shape layer
<div id="map"></div>
<script>
$("#map").kendoMap({
layers: [{
type: "shape",
style: {
stroke: {
color: "green",
width: 4,
dashType: "longDashDot",
opacity: 0.5
}
},
dataSource: {
type: "geojson",
data: [{
"type": "Polygon",
"coordinates": [
[[30, 10], [40, 40], [20, 40], [10, 20], [30, 10]]
]
}]
}
}]
});
</script>
layers.style.stroke.color String
The default stroke color for layer shapes. Accepts a valid CSS color string, including hex and rgb.
Example - setting stroke color for shape layer
<div id="map"></div>
<script>
$("#map").kendoMap({
layers: [{
type: "shape",
style: {
stroke: {
color: "green",
width: 4
}
},
dataSource: {
type: "geojson",
data: [{
"type": "Polygon",
"coordinates": [
[[30, 10], [40, 40], [20, 40], [10, 20], [30, 10]]
]
}]
}
}]
});
</script>
layers.style.stroke.dashType Number
(default: 1)
The default dash type for layer shapes. The following dash types are supported:
- "dash" - a line consisting of dashes
- "dashDot" - a line consisting of a repeating pattern of dash-dot
- "dot" - a line consisting of dots
- "longDash" - a line consisting of a repeating pattern of long-dash
- "longDashDot" - a line consisting of a repeating pattern of long-dash-dot
- "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot
- "solid" - a solid line
Example - setting stroke dash type for shape layer
<div id="map"></div>
<script>
$("#map").kendoMap({
layers: [{
type: "shape",
style: {
stroke: {
width: 4,
dashType: "longDashDot"
}
},
dataSource: {
type: "geojson",
data: [{
"type": "Polygon",
"coordinates": [
[[30, 10], [40, 40], [20, 40], [10, 20], [30, 10]]
]
}]
}
}]
});
</script>
layers.style.stroke.opacity Number
The default stroke opacity (0 to 1) for layer shapes.
Example - setting stroke opacity for shape layer
<div id="map"></div>
<script>
$("#map").kendoMap({
layers: [{
type: "shape",
style: {
stroke: {
width: 4,
opacity: 0.5
}
},
dataSource: {
type: "geojson",
data: [{
"type": "Polygon",
"coordinates": [
[[30, 10], [40, 40], [20, 40], [10, 20], [30, 10]]
]
}]
}
}]
});
</script>
layers.style.stroke.width Number
(default: 1)
The default stroke width for layer shapes.
Example - setting stroke width for shape layer
<div id="map"></div>
<script>
$("#map").kendoMap({
layers: [{
type: "shape",
style: {
stroke: {
width: 4
}
},
dataSource: {
type: "geojson",
data: [{
"type": "Polygon",
"coordinates": [
[[30, 10], [40, 40], [20, 40], [10, 20], [30, 10]]
]
}]
}
}]
});
</script>