MyRadar Custom GeoJSON
How to Use the Custom GeoJSON Layer
Start MyRadar and click the "Layers" icon on the right-hand side, it looks like a deck of cards. In the Layers menu, scroll to the bottom and look for the layer titled "Custom User Layer" and tap the "gear" icon on the right hand side. This will slide in a panel where you can enter the URL of your GeoJSON file. Enter the complete URL of your source file (ie, https://shapes.acmeaom.com/Starship.geojson ) and then click the "+" button to the right; this will add import your data source. Then click the left-arrow at the top of that panel to go back to the Layers menu and make sure the switch to enable the layer is set to "on"
GeoJSON Quick Reference with Custom Implementation
Standard GeoJSON Structure
A GeoJSON object consists of the following components:
type
: The type of the GeoJSON object.geometry
: The geometric object with its type and coordinates.properties
: A JSON object containing additional information about the geographic feature.
Custom Parameters
MyRadar's specific GeoJSON implementation supports the following additional properties to help style the shapes:
color
: A hex code in the form of AARRGGBB that controls the alpha and color of the shape.strokeWidth
: A width in points for the shape's drawn outline.details_title
: A short text title that gets shown when the object is clicked on.details_subtitle
: A subtitle for the text that gets shown when the object is clicked on.details_description
: A long-form text description that displays in the panel when the object is clicked on.tectonic_hoverable
: true/false - Sets the ability to display a short text when the mouse is hovered over the shape.display_label
: A text string that gets displayed if the mouse hovers over the shape (and the shape is tagged as hoverable).tectonic_tappable
: true/false - Sets the ability to click on the shape to bring up an additional details panel.title
: A text string indicating the title of the shape, displayed to a user in a details panel.description
: A text string providing extended details of the object.details_url
: An optional URL to call if this item is clicked on.
Example GeoJSON Object with Custom Parameters
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[-84.20, 33.50],
[-83.80, 33.50],
[-83.80, 34.00],
[-84.20, 34.00],
[-84.20, 33.50]
]
]
},
"properties": {
"name": "Example Polygon",
"category": "Region",
"color": "80FFAABB",
"strokeWidth": 3,
"details_title": "Sample Area in Georgia",
"details_subtitle": "A sample region in the state of Georgia",
"details_description": "This is a longform text description.\n\n
Using C-like line breaks, you can put blank lines in between sections.",
"tectonic_hoverable": true,
"display_label": "Sample Georgia Region",
"tectonic_tapable": true,
"title": "Sample Georgia Region",
"description": "This is a sample polygon representing a region
within the state of Georgia, covering several hundred square miles.",
"details_url": "https://example.com/region-details",
"object_type" : "custom_data_overlay",
"tectonic_tappable": true
}
}
]
}
In the above example, custom parameters color, strokeWidth, details_title, details_subtitle, tectonic_hoverable, display_label, tectonic_tapable, title, description, and details_url are added to the properties object of the GeoJSON feature.
For more details on standard GeoJSON and advanced usage, refer to the official GeoJSON specification: https://geojson.org/
Sample of Use Cases
Recent Updates
- 4/27/2023 Released to the public
- 4/27/2023 Current bug exists preventing the base64-encoded image property from working properly. Normally, this property can be used to render custom icons for points (for example, drawing a truck instead of a square)