Map not showing on iphone 12 and above

Help and support
1

i did a web application site that works on every platform (pc, android mac) but not on iPhone 12 and higher.
i do see the tails but no image on them.

image
image738×1600 101 KB

2

Show the piece of code that you use to add tiles. From the looks of it, you’re not using an iframe from openstreetmap.org, and something else.

1 Like
3

in my html i have a div called “mapdiv”
in the js i have this code: new OSM_2(“mapdiv”, 18, [34.926045, 32.1775091]);

I am using the OpenLayers.js Library.

the code that add the map to “mapdiv” is:
constructor(mapDiv, zoom = 10, centerPointLonLat ) {
this.map = new OpenLayers.Map(mapDiv, {
units: “km”,
fractionalZoom: true
});
this.map.addLayer(new OpenLayers.Layer.OSM(null, null, {
resolutions: [156543.03390625, 78271.516953125, 39135.7584765625,
19567.87923828125, 9783.939619140625, 4891.9698095703125,
2445.9849047851562, 1222.9924523925781, 611.4962261962891,
305.74811309814453, 152.87405654907226, 76.43702827453613,
38.218514137268066, 19.109257068634033, 9.554628534317017,
4.777314267158508, 2.388657133579254, 1.194328566789627,
0.5971642833948135, 0.25, 0.1, 0.05],
serverResolutions: [156543.03390625, 78271.516953125, 39135.7584765625,
19567.87923828125, 9783.939619140625,
4891.9698095703125, 2445.9849047851562,
1222.9924523925781, 611.4962261962891,
305.74811309814453, 152.87405654907226,
76.43702827453613, 38.218514137268066,
19.109257068634033, 9.554628534317017,
4.777314267158508, 2.388657133579254,
1.194328566789627, 0.5971642833948135],
transitionEffect: ‘resize’
}));

I can see it i other platforms:
image

4

What HTTP status code do you see in response to your request, if any? Does the request just time out? Can you give an example of a specific request that you are making?

5

No request.
jest open the map with a coordinates:
var lonLat = new OpenLayers.LonLat(centerPointLonLat)
.transform(
new OpenLayers.Projection(“EPSG:900913”),
this.map.getProjectionObject() // to Spherical Mercator Projection

        );

    this.map.addControls([
        new OpenLayers.Control.PanZoom()
    ]);

I do not have an iphone to see if / what the the error code.

6

Tell also the version of OpenLayers.js and the browser version. It doesn’t look like Safari.

You can also try creating an OSM tile layer manually, or even without using tile.openstreetmap.org with a different tile URL. For example XYZ Esri