根據上一篇博客代碼,繼續:mounted鉤子函數內的內容就省略了
<template>
<div >
<div id="allmap">
<div id="map"</div>
</div>
<div id="r-result" style="">
<el-input placeholder="請輸入內容" @keyup.enter.native="searchAddr" v-model="positionValue" class="input-with-select">
<el-button slot="append" icon="iconfont icon-chaxun" class="searchBtn" @click="searchAddr"></el-button>
</el-input>
</div>
</div>
</template>
<script>
export default {
name: "baiduMap",
data(){
return {
positionValue: '',
map: '', //地圖
}
},
mounted() {},
methods: {
/**
* 查詢地點事件
*/
searchAddr() {
let _this = this;
var local = new BMap.LocalSearch(this.map, {
renderOptions:{map: this.map}
});
local.search(this.positionValue);
setTimeout(function(){
_this.map.setZoom(12);
}, 1000); //2秒後放大到14級
},
}
}
</script>
<style>
#allmap {
width: 100%;
height: 100%;
overflow: hidden;
}
</style>
說明:最近項目比較忙,暫時沒更新,等不忙了,會陸續更新添加電子圍欄,經緯度存數據庫,判斷點是否在電子圍欄中。。。。等等文章