@supermap/iclient-ol在vue项目中使用,@supermap/iclient-leaflet同理

超图openlayer+openlayer , 只需要安装下面这一个就行了。安装完后会自动安装好ol,如下图所示npm 和 cnpm 均可。

npm install @supermap/iclient-ol

在这里插入图片描述
在这里插入图片描述
安装好后直接加载超图官网的例子尝试初始化地图:如下图所示:https://iclient.supermap.io/web/introduction/openlayersDevelop.html#Ready
在这里插入图片描述

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

注意:有时候引入了模块之后会报这个错:百度后得知:webpack5不会自动引入,这里解决办法为安装一个依赖-安装下面依赖即可,有些博客说需要在哪里配置一些东西,但是我这里没配置,安装好了项目则不报错了,可打开运行。

npm install node-polyfill-webpack-plugin

最后我打包尝试放到服务器上查看:完全ok
在这里插入图片描述
这里可以看到样式有点错乱,这里需要加上样式
在这里插入图片描述

这里我是加在index.html文件里面

  <link href='https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.9.0/css/ol.css'
    rel='stylesheet' />
  <link href='https://iclient.supermap.io/dist/ol/iclient-ol.min.css' rel='stylesheet' />

最后完美
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值