Shapes from Code Behind

[Mark]

Do you have an example similar to your Server-Side Data Binding example that, instead of creating markers, creates the shapes (similar to the earthquake example) from the Server Side?

I have all my geo locations and condition data stored in SQL and need to dynamically build a layer to show the shapes, sized and colored, based on the condition data queried from SQL.

any direction would be appreciated.

[Rumen]

Hi Mark,

With the current implementation of RadMap, only Markers could be created from the code-behind and Shapes are loaded only from GeoJSON data.

You could create a Web Service for returning the data as a GeoJSON format. An easy for integration approach would be the use of RadClientDataSource control.

Additionally, there is another approach that could be from the code-behind, but it will require to format a string with the shapes data in JSON format, save that string to a HiddenField control and on client-side, use the JSON.parse(string) method for creating a JSON object, which could be set as a data source for a Shape layer.

<script type="text/javascript">
    function OnInitialize(sender, args) {
        var originalOptions = args.get_options();
        var geoJSON = document.getElementById("<%=HiddenGeoJSON.ClientID%>").value;

        originalOptions.layers[0].dataSource = { data: JSON.parse(geoJSON) };

        args.set_options(originalOptions);
    }
</script>

<asp:HiddenField runat="server" ID="HiddenGeoJSON" />

<telerik:RadMap runat="server" ID="RadMap1" Zoom="2" Width="500" Height="200">
    <ClientEvents OnInitialize="OnInitialize" />
    <CenterSettings Latitude="30" Longitude="10" />
    <LayerDefaultsSettings>
        <ShapeSettings>
            <StyleSettings>
                <FillSettings Color="green" />
                <StrokeSettings Color="black" Width="2" />
            </StyleSettings>
        </ShapeSettings>
    </LayerDefaultsSettings>
    <LayersCollection>
        <telerik:MapLayer Type="Shape">
        </telerik:MapLayer>
    </LayersCollection>
</telerik:RadMap>

And the code-behind:

protected void Page_Load(object sender, EventArgs e)
{
    HiddenGeoJSON.Value = "[{\"type\": \"Polygon\",\"coordinates\": [[[30, 10], [40, 40], [20, 40], [10, 20], [30, 10]]]}]";
}

You can also review the following forum post - Display LineString (route) from database on the map.

Regards,
Rumen
Progress Telerik