<template>
<view class="amap-container">
<view class="toolbar">
<view >坐标: [ {
{ lng }} , {
{lat}} ]</view>
<view>地址: {
{address}}</view>
</view>
<view @tap="amap.emitData">
<view :change:msg="amap.updateEcharts" id="amap"
:msg="msg" ></view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
msg:'2',
overlays: [],
lng: '',
lat: '',
address: '',
marker: '',
geocoder: null,
mouseTool: null,
mapadd:false,
map: null,
ownerInstanceObj: null ,//service层对象,
}
},
onNavigationBarButtonTap(e){
console.log(e,"132132")
},
mounted() {
this.$nextTick(() => {
this.onViewClick();
})
},
watch: {
address(oldName) {
console.log(oldName,"38")
}
},
methods: {
//地图点击回调事件
onViewClick(params) {
if(params&¶ms.content){
this.lng = params.content;
console.log(this.address,this.lng,'renderjs返回的值-->', params);
}
},
loaded(e) {
console.log('加载成功了!!', e);
},
serviceClick(obj){
console.log(obj.lng,"55555")
let that=this;
that.lng =obj.lng
that.lat = obj.lat
}
}
}
</script>
<script module="amap" lang="renderjs">
const start = 'static/newhome/map33.png'
import config from '@/components/ITkoala-amap/config.js'
const selectedStart = 'static/ITkoa
map renderjs和service层对象,互相调用
于 2022-08-29 11:04:02 首次发布
本文探讨了在前端JavaScript中如何处理和渲染Map对象,同时详细介绍了如何与后台Servlet进行交互,实现服务层对象的调用。通过实例展示了解决前后端数据传递的方法,帮助开发者更好地理解和应用相关技术。
摘要由CSDN通过智能技术生成