Vue:加入百度地图经纬度选取。（Ant design pro vue）

需求描述：

1.使用百度地图选取地理经纬度位置，结合mongodb 2d索引检索距离。

2.可手动输入经纬度地址，和唤起地图选取。

3.根据用户信息把用户经纬度传给百度地图组件，回显坐标。

4.把获取的经纬度地址截取成数组让mongodb识别。

var locations = this.storeLocation.split(',')
StoreLocation = [Number(locations[0]), Number(locations[1])]

准备工作：申请百度地图开放平台Key（省略...）

//在index.html主文件中导入

描述一下：这个路径，通常导入是不带https://前缀的。在上线后，如果访问路径是http访问不会有问题，如果是https访问方式，请带上https://前缀。不然你的访问不被信任依赖不可被访问。（我这里就是上线炸了，滑稽）

 

Vue模块：

创建一个组件

引用模块

import addressSelection from '@/views/account/settings/page/AddressSelection'

export default {
		name: "index1",
		data() {
			return {
                visible: false,
                storeLocation:[]
            }
        },
        methods: {
			onSearch(e){
				this.visible = true
			    console.log(e);
            },
            onClose(){
		      	this.visible = false;
		    },
            handleOk(e){
		        this.visible = false;
		    },
            point(e){
		    	console.log(e)
		    	this.storeLocation=[e.lng,e.lat]
		    },
		},
        components: {
			addressSelection
		}
}

效果：