mapbox加载切片地图,加载出来是白板

0 投票

mapbox加载切片地图显示出来是白板。用leaflet可以正常显示。

代码如下:

map.addSource('pd-gd', {
        'type': 'raster',
        'tiles': [
          'http://211.136.105.71:8090/iserver/services/map-NWJG/rest/maps/ZP_ZGG/zxyTileImage.png?prjCoordSys={"epsgCode":3857}&z={z}&x={x}&y={y}&transparent=true'
        ],
        'tileSize': 256
      });
      map.addLayer({
        'id': 'tileIserver',
        'type': 'raster',
        'source': 'pd-gd'
      });

11月 20, 2019 分类:  403次浏览 | 用户: erge2 初出茅庐 (39 分)

1个回答

0 投票
你好,请问你的地图服务原始是什么坐标系的,如果是4326 4490等 你可以参考我们的官网示例的多坐标系,检查是否库文件一致都引入
11月 20, 2019 用户: 阳俊林 名扬四海 (2,986 分)
两个地图坐标系都是4326的,这一个没有加载出来,没有报错,只是加载出来白板。
你对比过我刚才说的官网例子吗? 这个文件你是否引入<script type="text/javascript" include="mapbox-gl-enhance" src="../../dist/mapboxgl/include-mapboxgl.js"></script>0
我直接放管网demo里做的

就改了中心点、缩放等级等参数。

var map = new mapboxgl.Map({
        container: 'map',
        style: {
            "version": 8,
            "sources": {
                "raster-tiles": {
                    "attribution": attribution,
                    "type": "raster",
                    "tiles": ['http://211.136.105.71:8090/iserver/services/map-NWJG/rest/maps/ZP_ZGG/zxyTileImage.png?prjCoordSys={"epsgCode":3857}&z={z}&x={x}&y={y}'],
                    "tileSize": 256,
                },
            },
            "layers": [{
                "id": "simple-tiles",
                "type": "raster",
                "source": "raster-tiles",
                "minzoom": 0,
                "maxzoom": 22
            }]
        },
        center: [ 121.6, 31.1 ],
        maxZoom: 22,
        zoom: 16
    });

根据地图参数

私信你 给你远程,你设置下 crs: 'EPSG:4326',
谢谢 463910331
问题解决 <script type="text/javascript" include="mapbox-gl-enhance" src="../../dist/mapboxgl/include-mapboxgl.js"></script> 并设置src为4490即可
...