I’m trying to get this javascript military symbol renderer to work with Cesium.
https://github.com/missioncommand/mil-sym-js
It outputs to both geojson and kml for 3D applications but when I try to load the output using either I get an error. It’s very likely that I just don’t understand how geojson works well enough to understand the proper way to implement this.
I looked at the simplestyle sandbox example and read through the documentation about simplestyle and the maki library. Is it pulling the maki SVG files or the PNG? The military symbol renderer can output SVG on a canvas object if that will work better.
From what I gathered looking at the output of the geojson file is that it is trying to physically draw the icon on the map using multi-line strings. When I try to load it I get this error which appears to be an issue with express giving a 404 on a nonsense directory:
“Cannot GET /Apps/Application/%7B%22type%22:%22FeatureCollection%22,%22features%22[%7B%22type%22:%22Feature%22,%22properties%22:%7B%22label%22:%22%22,%22strokeColor%22:%22↵”
Below is an example of the geojson that it outputs (I removed a bunch of points to shorten it).
Any advice would be much appreciated!
Thanks
Brent
{
“type”: “FeatureCollection”,
“features”: [
{
“type”: “Feature”,
“properties”: {
“label”: “”,
“strokeColor”: “#000000”,
“lineOpacity”: 1,
“strokeWidth”: 8,
“strokeWeight”: 8
},
“geometry”: {
“type”: “MultiLineString”,
“coordinates”: [
[
[66.2599357,30.6342782],
[66.2597977,30.6341594],
[66.2596596,30.6340405],
[66.2595216,30.6339217],
[66.2647648,30.6295246]
],
[
[66.2669723,30.6276232],
[66.2669743,30.6395072],
[66.2657321,30.6384376],
[66.2669743,30.6395072],
[66.2680782,30.6384376]
]
]
}
},
{
“type”: “Feature”,
“properties”: {
“label”: “ALT 0 ft. MSL”,
“pointRadius”: 0,
“fontColor”: “#000000”,
“fontSize”: “12pt”,
“fontFamily”: “Arial, sans-serif”,
“fontWeight”: “bold”,
“labelAlign”: “lm”,
“labelXOffset”: 0,
“labelYOffset”: 0,
“labelOutlineColor”: “#FFFFFF”,
“labelOutlineWidth”: 3,
“rotation”: 0,
“angle”: 0
},
“geometry”: {
“type”: “Point”,
“coordinates”: [
66.2599627,
30.6333894
]
}
}
],
“properties”: {
“id”: “ID”,
“name”: “Name”,
“description”: “Description”,
“symbolID”: “GFFPAXS—****X”
}
}
``
