vue 用BMap百度地图 即时搜索功能

address_detail: null, //详细地址

add_housing_list: [“阿里巴巴”],

}

},

mounted() {

this.getcity()

},

methods:{

getcity(){

this.$nextTick(function() {

var th = this

// 创建Map实例

var map = new BMap.Map(‘allmap’)

// 初始化地图,设置中心点坐标，

var point = new BMap.Point(120.211877, 30.255194) // 创建点坐标，汉得公司的经纬度坐标

map.centerAndZoom(point, 15)

map.enableScrollWheelZoom()

var ac = new BMap.Autocomplete( // 建立一个自动完成的对象

{

‘input’: ‘suggestId’,

‘location’: map

})

var myValue

ac.addEventListener(‘onconfirm’, function(e) { // 鼠标点击下拉列表后的事件

var _value = e.item.value //获取点击的条目

myValue = _value.province + _value.city + _value.district + _value.street + _value.business //地址拼接赋给一个变量

th.city = myValue //将地址赋给data中的city