vue 用BMap百度地图 即时搜索功能，我是如何拿到腾讯头条美团小米的offer从小厂跳到大厂的

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

// console.log(th.city)

setPlace()

})

// console.log(ac.pc.input)

function setPlace() {

map.clearOverlays() // 清除地图上所有覆盖物

function myFun() {

th.userlocation = local.getResults().getPoi(0).point // 获取第一个智能搜索的结果

map.centerAndZoom(th.userlocation, 18)

map.addOverlay(new BMap.Marker(th.userlocation)) // 添加标注

}

var local = new BMap.LocalSearch(map, { // 智能搜索

onSearchComplete: myFun

})

local.search(myValue)

// 测试输出坐标（指的是输入框最后确定地点的经纬度）

map.addEventListener(‘click’, function(e) {

// 经度

console.log(th.userlocation.lng)

// 纬度

console.log(th.userlocation.lat)

})

}

},)

},

// 新增小区 点击的地址增加进list

add_housing() {

this.add_housing_list.push(this.city)

},

// 删除小区

delete_housing(index) {

// console.log(index)

this.add_housing_list.splice(index, 1)

},

}

}