使用原生mapboxgl如何加载iserver发布的mvt矢量瓦片服务

1个回答

您好，原生mapbox加载iserver发布的mvt矢量瓦片服务方式和官网示例一样。

官网示例：https://iclient.supermap.io/examples/mapboxgl/editor.html#mvtVectorTile

博客参考：https://blog.csdn.net/yangyoung4/article/details/124100377

gekunmei

1,865EXP 2023年06月21日

不一样，你提供的示例都是超图改造的mapboxgl，原生的没有这些对象和方法，比如原生没有addStyle这个方法。

行者不懂

263EXP 2023年07月05日

1、如果是加载iserver发布的mvt矢量瓦片服务是和官网示例一样的，可以直接使用以下示例：

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>Add an icon to the map</title>

    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">

    

    <script src="https://api.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.js"></script>

    <link href="https://api.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.css" rel="stylesheet">

    <style>

        body {

            margin: 0;

            padding: 0;

        }

        #map {

            position: absolute;

            top: 0;

            bottom: 0;

            width: 100%;

        }

    </style>

</head>

<body>

    <div id="map"></div>

    <script>

        var map = new mapboxgl.Map({

        container: 'map', // container id

        style: 'https://iserver.supermap.io/iserver/services/map-mvt-China/rest/maps/China/tileFeature/vectorstyles.json?type=MapBox_GL&styleonly=true',

        center: [120.143, 30.236], // starting position

        zoom: 0,

        attributionControl: false

    });

    map.addControl(new mapboxgl.NavigationControl(), 'top-left');

    </script>

</body>

</html>

2、您如果想要其他原生的地图引擎开发商（mapbox）加载iserver发布的服务，应该去咨询需要加载的地图引擎官方，而不是服务提供方，我们这边只能保证超图自己的产品加载。

gekunmei

1,865EXP 2023年07月26日

请登录或者注册后回答这个问题。

1个回答

请登录或者注册后再添加评论。

请 登录 或者 注册 后回答这个问题。

1个回答

请 登录 或者 注册 后再添加评论。

智能推荐

请登录或者注册后回答这个问题。

请登录或者注册后再添加评论。