vue引入 SuperMap 超图

最新推荐文章于 2025-08-20 13:34:29 发布

原创最新推荐文章于 2025-08-20 13:34:29 发布 · 3.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #ecmascript

博主分享了自己在公司被分配开发超图但对超图技术一无所知的经历。通过查阅SuperMap iClient Leaflet的官方文档，博主开始使用npm安装必要的库，并在自己的组件中引入。示例代码展示了如何创建一个基本的地图展示，包括设置地图中心、最大缩放级别等。博主承诺会继续跟进SuperMap的开发进程，后续将根据文档实现更多功能。

公司让我开发超图但我对超图一无所知一边百度一边开发只是苦煞我也

当然了抱怨归抱怨开发还是得开发首先去超图的官网看它的文档官网地址 SuperMap iClient JavaScript 10i(2021)

// npm 安装 
npm install @supermap/iclient-leaflet

//  在你自己的组件里面引入

import L from 'leaflet';
import '@supermap/iclient-leaflet';
var url = "https://iserver.supermap.io/iserver/services/map-world/rest/maps/World";
var map = L.map('map', {
    crs: L.CRS.EPSG4326,
    center: [0, 0],
    maxZoom: 18,
    zoom: 1
});
L.supermap.tiledMapLayer(url).addTo(map);

其他的功能你要参照文档实现功能我后期会跟进 SuperMap 的开发进程