vue中图片引入问题以及实现openlayers地图标记

最近因为工作需要,在研究openlayers地图的使用,但是卡在了地图标记这块,不论我怎么尝试,标记就是不会显示在地图上,反反复复看了很多博客,也研究了文档,都觉得没有问题,也用html尝试了,标记可以显示,但就是在我的vue项目中显示不出来,后来发现是图片引入的问题。

刚开始我是这样引入图片的:

但是,在vue中动态引入图片应该使用require或者import,下边是正确的做法,完整代码,方便研究openlayers的小伙伴也可以顺便借鉴一下:

首先,npm install ol

第二种方法是使用import将图片资源导入进来:

这样也是OK的。


版权声明:本文为qq_41588568原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。