Leaflet.draw error adding L.Control.Draw

[Luís Miguel Royo Pérez]

Hi everyone,

I'm facing problems with this plugin. I can not even add a toolbar. This is what I'm doing:

In index.html file I'm using this lines:

• <script src="https://unpkg.com/lea...@1.0.2/dist/leaflet.js"></script>
• <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.4.2/leaflet.draw.js"></script>

After, in the script file I'm using these lines to add the controls:

var drawnItems = new L.FeatureGroup(suc,crs);
map.addLayer(drawnItems);
var drawControl = new L.Control.Draw({
         edit: {
             featureGroup: drawnItems
         }
     });
     map.addControl(drawControl);

And I get this error:

TypeError: L.Control.Draw is not a constructor
http://xxxx.com/xxxxx/js/map.js Line 34

I've been searching in forums, the docs, and in several related pages but I haven't found any clue about what's happening. Could anyone help me in this??

If you need more information about it, just tell and I would be pleased to add it.

Thanks per advance!!

[Matt Travis]

Works for me: http://all-mapped-out.co.uk/simple.html

What's in map.js? Does that need to reference the leaflet and draw library to work properly?

Matt

[Luís Miguel Royo Pérez]

You're right,

is working fine, I solved this situation, it was just a matter of situation of this line:

<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.4.2/leaflet.draw.js"></script>

I sited it in the body tag, when I should do it in the head tag. That's all!

Thanks for the reply!!