TypeError: Cannot set property 'onload' of undefined

[cvalenzuela]

TypeError: Cannot set property 'onload' of undefined

[cvalenzuela]

Is there any particular reason you are using p5 in instance mode?

[sergitrilles]

We are developing a webapp to create notebooks with some bock types (text, code, maps,...). One of these types is P5. The final user can write and execute p5 code on "live".

[cvalenzuela]

I tried your code, removing the the $("#mappa").detach().appendTo("#kajero-p5-3"); in the draw function, and it works. Are you trying to append the mappa instance to another component? Try with p5 parent() method and there's no need to reference this in the draw loop.

[sergitrilles]

Yes, I have to do that to move the map inside the div (see https://forum.processing.org/two/discussion/26239/p5-js-mappa-js-unable-to-place-map-in-parent-div)

With p5 parent is not working, I tried with mappa and canvas element.

Thanks

[cvalenzuela]

Do you have p5.dom.js in your sketch?

All the examples on the website are appending the canvas to another div with .parent(). Take a look at: https://github.com/cvalenzuela/Mappa/blob/master/docs/assets/scripts/tile-leaflet.js#L23

[sergitrilles]

Yes, I have p5.dom . But, removing $("#mappa").detach().appendTo("#DivName"); and using .parent() the map is drawing outside the Div.
But, the problem is not that and continues, when I run this sketch two times, the map disappears. And the overlay gets an error

[cvalenzuela]

It seems the example from the Processing forum was using version 0.0.4 directly from npm.
Version 0.0.5 had this bug solved, but I never updated the package on npm. by bad!

Here's the same CodePen from the forum but with version 0.0.5

https://codepen.io/anon/pen/Zxeemq

thanks for pointing this out! I just updated the version on npm!

[sergitrilles]

Perfect! Thanks a lot!