vue加载supermap iclcent-ol iclient for openlayer

我又来了朋友们，看到我的标题没有，大数据时代，关键词显得尤为重要，不为别的，只为你能快速找到这篇文章并解决问题！

不拐弯抹角，直接上干货

回来更新一下，有些话要说一下：

如果你要使用iclient-ol的话请不要在项目里装ol！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

这会出大事！

因为iclient-ol里面依赖ol,并且在包里面用lock对ol版本进行了锁定，而你自己安装的ol则是最新版本

装之前请卸载ol

yarn remove package_Name
npm uninstall package_Name

不然iclient-ol里面的ol会和你自己装的ol起版本冲突

1.首先你需要一个vue环境，这个遍地都是哈，自行解决

我的环境是：

• vuecli-3x 也就是  vue create projectname方式
• 包管理工具是yarn  yarn add  xxx
• webpack 5+(这个关系到后面的一个包)

如果你不是也无妨，这一点也不重要，我说的！

2.下包了同志们

yarn add  @supermap/iclient-ol

3.这一步取舍一下昂，取决于你webpack的版本

•  webpack5+走这条路

因为webpack5以后走轻量路线了朋友们，隔壁的vite太猛了，导致webpack危机感不是一点点，也走轻量路线，取消了nodejs核心模块的polyfill自动引入，所以需要手动引入。

yarn add node-polyfill-webpack-plugin -D

•  不是5+的不用装哈

4.万事俱备了，随便写几行代码

在写之前在index.html加一下样式

 App.vue直接贴上

最后记得给map盒子高度，出不来可别怪俺 

这熟悉的Logo，这熟悉的感觉，哈哈哈哈

有帮到你的话回来帮忙点个赞，请尽情激发我的创作热情！