超图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' />
最后完美