vue中实现百度地图的引用(根据输入框输入内容获取详细地址)
代码内容参考:/shuaifing/p/8185311.html
最终实现效果
第一步:在index.html中引入百度地图api
<script type="text/javascript" src="http://api./api?v=2.0&ak=你的ak&callback=init"></script>
第二步:找到build文件夹下的webpack.base.conf.js文件,在module.exports下的externals里引入Bmap,externals与entry同级。
externals: {'BMap':'BMap'}
第三步:在src>>component下建立vue文件,将参考代码拷贝进去,其他文件夹建立vue文件也可以。
第四步:在需要使用地图的vue文件里引用,
<template><div><Baidu-Map></Baidu-Map></div></template>import BaiduMap from '../../../components/MkBaiduMap'components: {BaiduMap},
最终效果就实现了!