VUE获取百度地图及经纬度

一、申请秘钥

先申请秘钥，然后在首页index.html的head引入下面的js代码：

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script>

二、配置文件

如果只是第一步，你调用百度地图api时，报错： Bmap is not defined ，那么就配置 webpack 配置文件（webpack.base.conf.js）的module.exports中加个externals：

module.exports = {
   
  context: path.resolve(__dirname, '../'),
  entry: {
    app: './src/main.js' },
  //百度地图配置20180518
  externals: {
   
    "BMap": "BMap"
  },
...
}

三、调用

<template>

	<div id="div">
		店名：<input type="text" name="business"><br />
		电话：<input type="text" name="tel"><br />
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		要查询的地址：<input id="text_" type="text" placeholder="请输入位置" name="address" />
		<!--查询结果(经纬度)：<input id="result_" type=