title: Draw polygon canvas from coordinates map
body: <p>How to transform coordinates map to point canvas?</p>
  
  <p>I have a map leaflet <a href="https://i.stack.imgur.com/7pSyH.png" rel="nofollow noreferrer">Map leaflet</a>
   and when i select polygon, i want to draw the polygon with canvas html5</p>
  
  <p>I have coordinates like this : </p>
  
  <pre><code>[[2.809510437833253,49.408625488749216],[2.8095461924850422,49.40864172401838],[2.8095226856172806,49.40866595550704],[2.809565304449213,49.40868849340382],[2.8097185865450465,49.40858536874469],[2.809677338568488,49.40856463072128],[2.8096442193374154,49.408580757620854],[2.809609885351463,49.40855283978645],[2.809510437833253,49.408625488749216]]
  </code></pre>
  
  <p>The difficulty is how to get points from map coordinates</p>
  
  <p>This example to display polygon canvas : </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  &lt;svg height="110" width="200"&gt;
  &lt;polygon points="130,0 0,160 0,485 270,645 560,485 560,160"/&gt;
  &lt;/svg&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks for your help.</p>