vue 3.0使用离线百度地图

第一次使用vue3.0,在引入的时候就很懵,各种报错,后来才知道,应该把静态文件放到public文件里,于是在public文件下创建static文件存放百度地图资源。 (这里缺少tiles文件,因为tiles文件实在是太大了,在npm run dev 启动的时候会内存溢出,可以本地tomcat或者nginx跑一下,而且在打包的时候会出现 too many files open,所以尽量不要放在这下面在进行打包,打包之后扔进包里就好了,我已经测试过啦~)

vue 3.0使用离线百度地图_第1张图片

再之后,就是项目引入所需要的js文件了。引入是在index.html文件里,如图。
vue 3.0使用离线百度地图_第2张图片
然后,在使用的页面直接使用即可~
vue 3.0使用离线百度地图_第3张图片
最后,效果图

完成了~~

你可能感兴趣的:(vue 3.0使用离线百度地图)