So I looked on the documentation for Materialize

https://materializecss.com/media-css.html

One must add class="responsive-img" to the <img> tag to make it 100%

Stonecherub should replace the width="100%" with class="responsive-img" on the img tag that was pasted.

I have also been succesful finally at progressing somewhat with Tooltipster. I am able now to put a link on the tootip which might be useful.

http://gluexp.coffeecup.com/volcanotipster/

I discovered that jQuery RWD Image Maps has been updated to version 1.6 so you can use it without having to add the additional old jquery that 1.5 needs to function.

https://github.com/stowball/jQuery-rwdImageMaps

Here is a simple project using the class="responsive-img" added to the <img> tag which is needed for it to work.

Interestingly this does not seem to be required if you are using Bootstrap or Foundation in SD3 as the <img> tag already has the responsiveness css applied to the <img> so it works without the change.

http://gluexp.coffeecup.com/materializemap/

Thanks for finding that out about the update. It's really a handy tool.