Is it possible to use the map tag with Publii?
I did a test and I encounter two difficulties:
1/ the generated html code indicates an erroneous path for the photo on which the map tag is applied: two / after the post number:
I’m not sure why the file path is erroneous, but I replaced the file paths in your pastebin with the image sources in your website, and it worked fine. If you’re still having issues, try hosting your image on a media management service like Cloudinary and using that link as the source to see if you’re still having issues?
Issue 2: Incorrect dimensions
The first thing that struck me is that because there’s the “post__image post__image–full” classes, the width and height you set for the image are ignored. Instead, the full image CSS class sets the image to the full width of the page.
To fix this, set your image class to “None” in the Insert/Edit Image dialog and ensure that the dimension are correct. I think “Centered Image” should work as well.
Double-check the Source code to make sure your usemap attribute is still there.
The path problem seems to be solved after deleting and putting the photo back in the post.
Regarding the problem of the coordinates shift, I used the “None” class on the photo. Its size indicated in Insert/Edit Image dialog is the real size of the photo. But the coordinates still shift.