Type Definitions
CircleGeoJsonFeature
Type:
Properties- GeoJsonFeature
| Name | Type | Attributes | Description |
|---|---|---|---|
geometry.type | "Point" | GeoJSON Type | |
geometry.coordinates | Array.<number> | GeoJSON Geometry | |
properties.eagleview.subType | "Circle" | EagleView SubType to use | |
properties.eagleview.radius | number | Radius of the circle | |
properties.eagleview.style.color | string | <nullable> | Color of the circle border |
properties.eagleview.style.size | number | <nullable> | Size of the border |
properties.eagleview.style.opacity | number | <nullable> | Opacity of the circle border |
properties.eagleview.style.fill | number | <nullable> | Color to fill the circle with |
properties.eagleview.style.fillOpacity | number | <nullable> | Opacity of the circle fill |
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-122.126986, 47.639754]
},
"properties": {
"eagleview": {
"subType": "Circle",
"radius": 100,
"style": {
"size": 5,
"color": "#FFF",
"fill": "#AAA",
"opacity": 0.5,
"fillOpacity": 0.3
}
}
}
}GeoJsonFeature
Type:
Properties- Object
| Name | Type | Attributes | Description |
|---|---|---|---|
type | "Feature" | Required GeoJSON Type | |
geometry | Object | GeoJSON Geometry | |
properties | Object | <nullable> | Optional GeoJSON Properties |
LineStringGeoJsonFeature
Type:
Properties- GeoJsonFeature
| Name | Type | Attributes | Description |
|---|---|---|---|
geometry.type | "LineString" | | GeoJSON Type | |
geometry.coordinates | Array.<Array.<number>> | | GeoJSON Geometry | |
properties.eagleview.style.size | number | <nullable> | Size of the line in pixels |
properties.eagleview.style.color | string | <nullable> | Hexidecimal string ("#FFF" or "#FFFFFF"). Color of the line |
properties.eagleview.style.opacity | number | <nullable> | Decimal between 0.0 and 1.0. Opacity of the line |
{
"type": "Feature",
"geometry": {
"type": "LineString",
"coordinates": [
[100.0, 0.0],
[101.0, 1.0]
]
},
"properties": {
"eagleview": {
"style": {
"size": 5,
"color": "#FFF",
"opacity": 0.5
}
}
}
}{
"type": "Feature",
"geometry": {
"type": "MultiLineString",
"coordinates": [
[[100.0, 0.0],[101.0, 1.0]],
[[50.0, 0.0],[51.0, 1.0]]
]
},
"properties": {
"eagleview": {
"style": {
"size": 5,
"color": "#FFF",
"opacity": 0.5
}
}
}
}MarkerGeoJsonFeature
Type:
Properties- GeoJsonFeature
| Name | Type | Attributes | Description |
|---|---|---|---|
geometry.type | "Point" | GeoJSON Type | |
geometry.coordinates | Array.<number> | GeoJSON Geometry | |
properties.eagleview.subType | "Marker" | EagleView SubType to use | |
properties.eagleview.svg | string | <optional> | SVG string to generate custom marker from |
properties.eagleview.icon | string | <optional> | Font Awesome icon name |
properties.eagleview.style.color | string | <nullable> | Color of the marker |
properties.eagleview.style.size | number | <nullable> | Size of the marker |
Basic marker annotation using FontAwesome icon names.
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-122.126986, 47.639754]
},
"properties": {
"eagleview": {
"subType": "Marker",
"icon": "FaMapPin",
"style": {
"color": "#FFF",
"size": 24,
}
}
}
}Use of an SVG string to create a custom marker annotation. Note that color styles for the SVG must be part of the SVG string, size property works normally.
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-122.126986, 47.639754]
},
"properties": {
"eagleview": {
"subType": "Marker",
"svg": `<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 264.4 264.4" style="enable-background:new 0 0 264.4 264.4;" xml:space="preserve">
<style type="text/css">
.st0{fill:#F15A29;}
.st1{fill:#00A651;}
</style>
<path class="st0" d="M132.2,0C59.2,0,0,59.2,0,132.2s59.2,132.2,132.2,132.2s132.2-59.2,132.2-132.2S205.2,0,132.2,0z M132.2,225.4
c-51.5,0-93.2-41.7-93.2-93.2C39,80.7,80.7,39,132.2,39c51.5,0,93.2,41.7,93.2,93.2C225.4,183.7,183.7,225.4,132.2,225.4z"/>
<circle class="st1" cx="132.2" cy="132.2" r="54.2"/>
</svg>`,
"style": {
"size": 24,
}
}
}
}PointGeoJsonFeature
Type:
Properties- GeoJsonFeature
| Name | Type | Attributes | Description |
|---|---|---|---|
geometry.type | "Point" | | GeoJSON Type | |
geometry.coordinates | Array.<number> | | GeoJSON Geometry | |
properties.eagleview.style.color | string | <nullable> | Hexidecimal string ("#FFF" or "#FFFFFF"). Color of the stroke around the point |
properties.eagleview.style.opacity | number | <nullable> | Decimal between 0.0 and 1.0. Opacity of the stroke around the point |
properties.eagleview.style.size | number | <nullable> | Size of the stroke around the point in pixels |
properties.eagleview.style.fill | string | <nullable> | Hexidecimal string ("#FFF" or "#FFFFFF"). Color of the fill inside the point |
properties.eagleview.style.fillOpacity | number | <nullable> | Decimal between 0.0 and 1.0. Opacity of the fill inside the point |
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-122.126986, 47.639754]
},
"properties": {
"eagleview": {
"style": {
"color": "#FFF",
"opacity": 0.5,
"size": 2,
"fill": "#F00",
"fillOpacity": 1.0
}
}
}
}{
"type": "Feature",
"geometry": {
"type": "MultiPoint",
"coordinates": [[-77.647679, 43.0645],[-77.647679, 43.065]]
},
"properties": {
"eagleview": {
"style": {
"color": "#FFF",
"opacity": 0.5,
"size": 2,
"fill": "#F00",
"fillOpacity": 1.0
}
}
}
}PolygonGeoJsonFeature
Type:
Properties- GeoJsonFeature
| Name | Type | Attributes | Description |
|---|---|---|---|
geometry.type | "Polygon" | | GeoJSON Type | |
geometry.coordinates | Array.<Array.<Array.<number>>> | | GeoJSON Geometry | |
properties.eagleview.style.color | string | <nullable> | Hexidecimal string ("#FFF" or "#FFFFFF"). Color of the stroke around the polygon |
properties.eagleview.style.opacity | number | <nullable> | Decimal between 0.0 and 1.0. Opacity of the stroke around the polygon |
properties.eagleview.style.size | number | <nullable> | Size of the stroke around the polygon in pixels |
properties.eagleview.style.fill | string | <nullable> | Hexidecimal string ("#FFF" or "#FFFFFF"). Color of the fill inside the polygon |
properties.eagleview.style.fillOpacity | number | <nullable> | Decimal between 0.0 and 1.0. Opacity of the fill inside the polygon |
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [[[0, 0], [3, 6], [6, 1], [0, 0]]]
},
"properties": {
"eagleview": {
"style": {
"size": 5,
"color": "#FFF",
"fill": "#AAA",
"opacity": 0.5,
"fillOpacity": 0.3
}
}
}
}{
"type": "Feature",
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[[[-77.648, 43.0635],[-77.647, 43.0635],[-77.6475, 43.063],[-77.648, 43.0635]]],
[[[-77.648, 43.063], [-77.649, 43.063], [-77.6485, 43.0635], [-77.648, 43.063]]]
]
},
"properties": {
"eagleview":{
"style": {
"size": 5,
"color": "#FFF",
"fill": "#AAA",
"opacity": 0.5,
"fillOpacity": 0.3
}
}
}
}TextGeoJsonFeature
Type:
Properties- GeoJsonFeature
| Name | Type | Attributes | Description |
|---|---|---|---|
geometry.type | "Point" | GeoJSON Type | |
geometry.coordinates | Array.<number> | GeoJSON Geometry. The text annotation will be anchored to the bottom right of this coordinate. | |
properties.eagleview.subType | "Text" | EagleView SubType to use | |
properties.eagleview.value | string | Text to display | |
properties.eagleview.style.fontFamily | string | <nullable> | Font to use. Fonts supported: "Arial", "Tahoma", "Courier New", "Times New Roman", "Verdana" |
properties.eagleview.style.color | string | <nullable> | Color of the text. Hexidecimal string ("#FFF" or "#FFFFFF") |
properties.eagleview.style.size | number | <nullable> | Size of the text in pixels |
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [-122.126986, 47.639754]
},
"properties": {
"eagleview": {
"subType": "Text",
"value": "Hello, World!",
"style": {
"fontFamily": "Arial",
"color": "#FFF",
"size": 10,
}
}
}
}