首页 / 浏览问题 / WebGIS / 问题详情
vue中L.supermap为undefined的错误
5EXP 2022年11月07日

我是按照官网的流程npm install @supermap/iclient-leaflet

然后在index.html中引入样式

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"/>
<link rel="stylesheet" href="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.min.css"/>
之后安装了依赖npm install @supermap/babel-plugin-import -D
然后配置了.babelrc 请帮忙看下是哪里出错了 然后我要如何解决谢谢

main.js中引入

vue中使用


控制台报错

1个回答

您好!

由于11i版本更新,如需使用ES6语法,添加配置项后,仅支持按需引入。

您可以参考以下教程:https://blog.csdn.net/supermapsupport/article/details/109294147

希望可以帮助到您!

485EXP 2022年11月07日

你好,教程中的按需引入是可以的,不过L中还是没有supermap这一项调用时仍然会出错,比如我这段代码L.supermap.initMap(url);仍然会出错

您好,因为原生leaflet中并未包含supermap,所以您代码中的L.supermap会被认为是未定义的。如果您需要使用我们的方法,您就需要像教程中所讲地那样去按需引入,例如:

import {TiledMapLayer} from '@supermap/iclient-leaflet';

var layer = new TiledMapLayer(url)
layer.addTo(map);

...