I am currently creating a web application using OpenLayers 3 that aims to be embedded into SharePoint using the Script Editor tool.

For the purpose of this question assume I am just using a basic map that brings in OSM data. This works fine in a standalone html file and zooms to the correct location.

However, the issue I am having is that when you zoom in (using the buttons, mouse wheel or holding the shift key and drawing a box) it pulls off to the left when it is embedded into SharePoint.

I am guessing this has something to do with a style or some function in SharePoint rather than something with Openlayers but I thought i'd ask on here to see if anyone else has had a similar issue. The interesting thing is that after setting the map to full screen and then minimizing again, all the zoom functions work correctly.


Fixed- Just need to set the maximum pixel width for the web part. It appears that when it tries to adjust widths on the fly, this affects the zooming functions.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.