vue.js element-ui 고덕 지도 선택 좌표 dialog
2371 단어 element-ui고덕지도vue.js
//https://elemefe.github.io/vue-amap
export default {
data() {
return {
q: '',
zoom: 14,
center: [116.602489, 40.080734],
marker: {
position: [116.602489, 40.080734],
//events: {
// click: () => {
// alert('click marker');
// },
// dragend: (e) => {
// this.marker.position = [e.lnglat.lng, e.lnglat.lat];
// }
//},
visible: true,
draggable: false
},
events: {
click: (e) => {
this.marker.position = [e.lnglat.lng, e.lnglat.lat]
}
},
dialogVisible: false
}
},
methods: {
open(lng, lat) {
if (lng && lat) {
this.center = [lng, lat]
this.marker.position = [lng, lat]
}
this.dialogVisible = true
},
onSearchResult(pois) {
let latSum = 0;
let lngSum = 0;
pois.forEach(poi => {
lngSum += poi.lng;
latSum += poi.lat;
});
let center = {
lng: lngSum / pois.length,
lat: latSum / pois.length
};
this.center = [center.lng, center.lat];
},
submit() {
this.$emit('callback', this.marker.position)
this.dialogVisible = false
}
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
element-ui 대화상자 기반el-dialog 초기화 검사 문제 해결페이지를 새로 고치지 않고 el-dialog를 다시 열 때, rules나 어떤 값을 연결하려면required가 필요합니다. 자동으로 검사됩니다. 여러 개의 블로그를 살펴본 결과, 자주 사용하는 두 가지 해결 방법이 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.