打开图层不显示通过移动设备上的 addLayer 添加的 LineString

Question

我有一行字符串需要显示。它是 GeoJSON 数据的集合。

我有一个问题，在浏览器中打开它时工作正常，但是当我在移动浏览器中打开它时，我添加的行不显示。

添加routeLayer的函数

 const route = new LineString(breaks)

 route.transform('EPSG:4326', 'EPSG:3857');

 const routeFeature = new Feature({
      type: 'route',
      geometry: route,
 });

 const features = [routeFeature];

 routeFeature.setStyle(mainRouteStyle);
 const mainRouteVector = new VectorLayer({
       source: new VectorSource({
              features,
       }),
 });

 map.addLayer(mainRouteVector);

我找不到任何地方出了问题，我没有任何错误。我也使用相同的方法添加地理标记，并且它们会显示出来。我还尝试放置一条连接 2 个坐标的简单线，当我稍后使用 addLayer 添加它时也没有显示，但是当我在初始化地图时将其包含在图层中时，它会显示。

请记住，它在桌面浏览器上运行良好，但在移动设备上却有问题。有人知道是什么问题吗？

Answer 1

好的，事实证明这不是 OpenLayers 的问题，我已经定位到 localhost 来获取 geojson 数据，这在移动设备上显然不是 localhost。

打开图层不显示通过移动设备上的 addLayer 添加的 LineString

Open Layers not displaying LineString added via addLayer on mobile

javascript

openlayers