Vue引入天地图, 不使用另外插件

首先先感谢这位博主的给的提示

https://blog.csdn.net/weixin_41013537/article/details/82768217

↑ 这个是通过初始化方法,在引入天地图(ps: 人家只不过是把引入的js写成baidu, 下面评论的看都不看)

但是我自己引入, 并初始化地图的时候并没有成功, 错误为.amap.is not constructor不知道是哪里的错误, 所以自己重新弄了

 

下面是关键性步骤, 按如下步骤来

1. 现在主页面index.html中引入你的天地图jsVue引入天地图, 不使用另外插件_第1张图片

2. 引入后进入项目下build/webpack.base.conf.js, 注册天地图组件

Vue引入天地图, 不使用另外插件_第2张图片

3. 然后再在你需要的地方引入天地图组件就好, 例如我需要在src/components/Tmap/index.js中需要用到天地图, 那么在这里引入就好了

Vue引入天地图, 不使用另外插件_第3张图片

4. 注意:如果此时你的npm 是run的状态可能会保错, 它会报was not found错误, 不要慌张, 你只需要停止npm 重新来一遍npm run dev运行就好了

 

你可能感兴趣的:(前端,天地图,vue引入地图)