title: Create map with kendo ui
body: <p>I exported such polygons to a geojson format from <a href="https://overpass-turbo.eu/s/1f8Q" rel="nofollow noreferrer">overpass-turbo</a>. I can display this data with <a href="https://jsfiddle.net/6szLc90w/" rel="nofollow noreferrer">d3js</a> by passing the geojson from a local source.</p>
  <p>I want to know how to setup this <a href="https://jsfiddle.net/nruh7adw/" rel="nofollow noreferrer">map in kendo-ui</a>? For instance my geojson object is stored in the variable <code>map</code>, then assigning <code>map</code> to attribute <code>dataSource</code> does not work.  For a working example please see the links to jsfiddle. It needs some time till the content is loaded.</p>
  <pre><code>$(&quot;#svganchor&quot;).kendoMap({
      center: [13.53, 52.41],
      zoom: 5,
      layers: [{
          type: &quot;shape&quot;,
          dataSource: map,
          style: {
              fill: {
                  color: &quot;blue&quot;,
                  opacity: 0.7
              }
          }
      }]
  });
  </code></pre>