Binding Map to local GeoJSON data

[arno]

Hi,

Is it possible to bind the kendo map to local geojson data with the same format as the remote source? 

For example this data is exactly the format I feed it: http://demos.telerik.com/kendo-ui/content/dataviz/map/countries-users.geo.json
but then stored in a local variable like "mapData" in the following example.

  $("#participantMap").kendoMap({
            center: [51.5000,0.11],
            zoom: 6,
            layers: [{
                    type: "shape",
                    dataSource: {
                        type: "geojson",
                        data: mapData
                    },
                    style: {
                        fill: {
                            opacity: 0.7
                        }
                    }
                }]
        }); 

 

Ideally it would work with the AngularJS directive but I don't find a working example of it using local geojson data.

Has anyone tried this before?

thanks,

Arno

 

 

 

[T. Tsonev]

Hi,

Binding to local data currently requires simulating a transport.
Sample code:
          dataSource: {
            type: "geojson",
            transport: {
              read: function(e) {
                e.success(mapData);
              }
            }
          }

I'll check if we can fix this in the data source definition.
Apologies for the caused inconvenience.

Regards,
T. Tsonev
Telerik

 

 

[arno]

Thank you,

I'll try this approach then.

Arno