插件的使用一般我们回到对应插件的官网查看文档,然后按照步骤执行即可。但是,如果文档不完善,我们需要进行相应的处理。话不多说,提前进入正题(需要申请ak)1.npminstallvue-baidu-map--save安装百度地图插件2.然后在本地注册,在你的组件中导入需要使用。如果全局导入,打包后的文件会变大,需要指定地图的高度,否则无法显示。此时,您可以在页面上预览基本地图。3.然后给地图添加控件,比如地图模式切换,比例尺,全景图,搜索等,官网文档如下图所示,可以看出引入了bm-map-type组件(地图模式switchingcomponent),文档中没有更多的解释。从这里根据baidu-map的用法可以猜到是参考了node_modules中百度地图下面的相关东西,打开对应的文件看到下图所示的目录。在node_modules/vue-baidu-map/components/controls文件夹下有如图所示的vue文件。按照字面意思,control就是控件,在里面就能找到。组件名称如官网所示4、之后按照正常组件引入方式导入即可。最终效果图如下。清华大学的地图使用了更详细的园区信息,可以修改的设置也更多。道路颜色、湖泊颜色、地图背景颜色等,以官网为准
