vue + 百度地图api
主要分解为如下步骤:
(1)在html文件中引入百度地图, <scripttype=”text/javascript”src=” http://api./api?v=2.0&ak=yourtoken “></script> (2)在webpack.base.conf.js文件内添加external选项,在module.exports内部,和entry平级; externals:{ “BMap”:“BMap” }, (3)添加地图组件BMapComponent.vue,这里主要注意两点: a)使用BMap的时候不需要import了,import反而会报错 b)注意一定要给bmap的div设置高度,否则会看不见 该组件的代码如下 ?
(4) 在父组件中使用 a)引入import BMapComponent from ‘./components/BMapComponent.vue’ b)在template中增加标签 <b-map-component></b-map-component> 注意这里标签的命名,在vue文档中有说: /guide/components.html#资源命名约定.