Andreas, Thanks for that hint. updateSize on rerender certainly tweaked things back into place. I'm using React and Material UI (a component library), so while I haven't done any specific styling for mobile and I'm not actually using CSS (inline styles via React and relying on the default styling interface for OL), there might be a bunch of unaccounted for styling clashes between libraries.
-Tom On 19 June 2016 at 23:02, OL3 Dev on behalf of Andreas Hocevar < [email protected]> wrote: > Looks more like a CSS issue. Maybe your map container has a thick > margin set or something? Also, you could try to call updateSize() on > your map instance after you've set the final map layout - looks like > you are doing some css/js hacks to make the map fullscreen on mobile. > An alternative could be to use the browser's fullscreen mode. > > But without seeing your code, it's just guessing. And as you said, > Stack Overflow is a better place to ask such things. > > Andreas. > > On Sat, Jun 18, 2016 at 1:24 AM, Thomas Gabriel Watson via OL3 Dev > < > ol3-dev+apn2wqc6kmemdpf8qwvvi6ae84hp2cjhzbdumw6lwiwlzo1nnlrzz...@googlegroups.com > > > wrote: > > Hey peeps, > > > > Attached are examples of what I am seeing. I've tried integrating some of > > the techniques out of the > > http://openlayers.org/en/latest/examples/synthetic-points.html example. > > > > I haven't yet thrown this into a JS fiddle to recreate the behavior > there. > > The main difference between the example and my map is the present of web > > mercator tiles. Those tiles define the projection of the map and the wild > > behavior of the pointer coord could have something to do with the math > > behind the works. Either that or I've got some viewport/frameState > > (https://github.com/openlayers/ol3/blob/master/src/ol/map.js lines 757 > and > > friends) weirdness going down. > > > > My map object, in case that interests you... > > > > this.olMap = new ol.Map({ > > layers: this.Layers.getLayers(), > > renderer: 'canvas', > > overlays: [this.messageOverlay], > > target: this.refs.olMapTarget, > > view: new ol.View({ > > center: ol.proj.transform(mapProps.mapCenter, 'EPSG:4326', > > 'EPSG:3857'), > > zoom: mapProps.mapZoom, > > }), > > controls: [], // remove default controls > > }) > > > > > > Any thoughts on next steps for debugging? Will try to get back to putting > > more code here (or on a Stack Overflow question) and/or in a JS Fiddle > > > > -- > > You received this message because you are subscribed to the Google Groups > > "OL3 Dev" group. > > To unsubscribe from this group and stop receiving emails from it, send an > > email to [email protected]. > > To post to this group, send email to [email protected]. > > Visit this group at https://groups.google.com/group/ol3-dev. > > To view this discussion on the web visit > > > https://groups.google.com/d/msgid/ol3-dev/6848628f-4026-477f-bda6-83b8d5459385%40googlegroups.com > . > > For more options, visit https://groups.google.com/d/optout. > > > > -- > Andreas Hocevar > Geospatial Solutions Engineer | Boundless > [email protected] > @boundlessgeo > > -- > You received this message because you are subscribed to a topic in the > Google Groups "OL3 Dev" group. > To unsubscribe from this topic, visit > https://groups.google.com/d/topic/ol3-dev/-2GS4zSmdhU/unsubscribe. > To unsubscribe from this group and all its topics, send an email to > [email protected]. > To post to this group, send email to [email protected]. > Visit this group at https://groups.google.com/group/ol3-dev. > To view this discussion on the web visit > https://groups.google.com/d/msgid/ol3-dev/CAOiJ94iEE-fJ-S7McyGT_d004PZKoOL2NLzUaTvmBfmnyRpgvg%40mail.gmail.com > . > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "OL3 Dev" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/ol3-dev. To view this discussion on the web visit https://groups.google.com/d/msgid/ol3-dev/CAFPB5xH0NsDaRa7T8qOo6mr-03X%3Dj%3D4KABuTjDqB3bnprEs5Mg%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
