title: How to draw SVG polygon on openStreetMap programitically in flutter
body: <p>Hello I want to use this api <a href="https://nominatim.org/release-docs/develop/api/Search/#json-with-svg-polygon" rel="nofollow noreferrer">nominatim.org</a> to find svg shape and latLng coordiante of one address.
  I called this api in flutter and try to show it by Polygon in my flutter code in open street map
  this is my code</p>
  <pre><code>late PolyEditor polyEditor;
  
  List&lt;Polygon&gt; polygons = [];
  var testPolygon = Polygon(
    color: Colors.black.withOpacity(0.3),
    points: [],
    borderColor: Colors.black,
    isFilled: true,
    borderStrokeWidth: 1.0);
  
  @override
  void initState() {
  super.initState();
  
  polyEditor = PolyEditor(
    addClosePathMarker: true,
    points: testPolygon.points,
    pointIcon: const Icon(
      Icons.lens,
      size: 15,
      color: Colors.black,
    ),
    intermediateIcon: const Icon(Icons.lens, size: 15, color: Colors.black),
    callbackRefresh: () =&gt; {setState(() {})},
  );
  
  polygons.add(testPolygon);
  }
  
  SearchController searchController = Get.put(SearchController());
  
  @override
  Widget build(BuildContext context) {
  return Scaffold(
    body: Stack(
      alignment: Alignment.center,
      children: [
        Center(
          child: FlutterMap(
            options: MapOptions(
              allowPanningOnScrollingParent: false,
              onTap: (_, ll) {
                print(ll);
  
                polyEditor.add(testPolygon.points, ll);
              },
              plugins: [
                DragMarkerPlugin(),
              ],
              center: LatLng(32.5231, 51.6765),
              zoom: 9.4,
            ),
            layers: [
              TileLayerOptions(
                  urlTemplate:
                      'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
                  subdomains: ['a', 'b', 'c']),
              PolygonLayerOptions(polygons: polygons),
              DragMarkerPluginOptions(markers: polyEditor.edit()),
            ],
          ),
        ),
  </code></pre>
  <p>I called this api and tried to show this svg as a polygon</p>
  <pre><code>&quot;svg&quot;: &quot;M 13.397511 -52.517283599999999 L 13.397829400000001 -52.517299800000004 
   13.398131599999999 -52.517315099999998 13.398159400000001 -52.517112099999999 13.3975388 
  -52.517080700000001 Z&quot;,
  </code></pre>
  <p>but I dont know how to convert this svg string of coordinate to Polygon and show it on map when called this api and recieve this svg</p>
  <p>I used this plugin</p>
  <pre><code>import 'package:flutter_map_line_editor/polyeditor.dart';
  </code></pre>
  <p>the result should be like this
  <a href="https://i.stack.imgur.com/JqHO8.jpg" rel="nofollow noreferrer">see this picture</a></p>