lishenfeng
/
tsg-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(): 点位设置

master
李神峰 2024-11-20 16:33:41 +08:00
parent bd14cecf03
commit aa79676ee2
2 changed files with 80 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
pages/zhjs/index.vue
View File

@ -1,59 +1,10 @@
<template>
<view class="zhjs-container">
<u-navbar title="综合监视" :autoBack="true" :titleStyle="{
fontSize:'18px'
}" :height='44' :safeAreaInsetTop=true leftIconSize='20' leftIconColor='rgb(153, 153, 153)'>
</u-navbar>
<map style="width:100vw; height:100vh;margin-top:70px" id="map" :latitude="latitude" :longitude="longitude" :markers="markers"
:show-location="true" scale="13" :enable-satellite="enableSatellite" theme="satellite">
<cover-image src="/static/tabs/dingwei.png" class="location" @click="onControlTap"></cover-image>
</map>
</view>
</template>
<script>
export default {
data() {
return {
latitude: 31.52,
longitude: 114.76,
enableSatellite:true,
markers: [{
latitude: 31.52,
longitude: 114.76,
iconPath: '../../static/tabs/add.png',
width: "25",
height: "25"
}],
dingwei: '../../static/tabs/dingwei.png'
}
},
methods: {
onControlTap(){
const map = uni.createMapContext("map");
map.moveToLocation()
},
nvueShow: function() {
const subnvue = uni.getSubNVueById('drawer') // 获取nvue
console.log(subnvue);
subnvue.show() // 显示nvue
}
},
mounted() {
this.nvueShow()
}
}
</script>
<style lang="scss">
.location{
position: absolute;
width: 35px;
height:35px;
bottom: 100px;
left:10px;
background-color: #fff;
padding: 5px;
}
</style>

94
pages/zhjs/subnvue/index.nvue
View File

@ -4,8 +4,12 @@
fontSize:'18px'
}" :height='44' :safeAreaInsetTop=true leftIconSize='20' leftIconColor='rgb(153, 153, 153)'>
</u-navbar>
<map style="width:100vw; height:100vh;margin-top:70px" id="map" :latitude="latitude" :longitude="longitude" :markers="markers"
:show-location="true" scale="13" :enable-satellite="enableSatellite" theme="satellite">
<map :style="{
height: windowHeight + 'px',
top: '-' + statusBarHeight + 'px'
}" id="map" ref="map" :latitude="latitude" :longitude="longitude" :markers="marker"
:show-location="true" scale="16.5" :enable-satellite="enableSatellite" theme="satellite" @markertap="markertap">
<cover-image src="/static/tabs/dingwei.png" class="location" @click="onControlTap"></cover-image>
</map>
@ -15,26 +19,84 @@
export default {
data() {
return {
latitude: 31.52,
longitude: 114.76,
enableSatellite:true,
markers: [{
latitude: 31.52,
longitude: 114.76,
iconPath: '../../static/tabs/add.png',
latitude: 31.495,
longitude: 114.767,
enableSatellite:false,
markers: [
{
latitude: 31.4954,
longitude: 114.7693,
iconPath: '/static/tabs/add.png',
width: "25",
height: "25"
}],
dingwei: '../../static/tabs/dingwei.png'
height: "25",
id:1,
},
{
latitude: 31.4951,
longitude: 114.767,
iconPath: '/static/tabs/add.png',
width: "25",
height: "25",
id:2,
}
],
dingwei: '../../static/tabs/dingwei.png',
map:null,
windowHeight:0,
windowHeight:0
}
},
created() {
let that = this;
uni.getSystemInfo({
success(res) {
that.windowHeight = res.windowHeight;
that.windowHeight = res.windowHeight + res.statusBarHeight;
that.statusBarHeight = res.statusBarHeight;
that.navTop = res.statusBarHeight + 10;
}
})
},
onReady() {
this.map = uni.createMapContext("map")
},
methods: {
onControlTap(){
const map = uni.createMapContext("map");
map.moveToLocation()
this.$refs.map.moveToLocation({
latitude: 31.495,
longitude: 114.767
})
},
markertap(e){
const newMarker = this.markers
newMarker.forEach(((item,i) => {
if(item.id === e.detail.markerId){
item.height=55;
item.width=55;
item.label={
content:"测试",
color:"#57a7f0",
bgColor:"transparent"
}
}else{
item.height=25;
item.width=25;
item.label={
content:" ",
bgColor:"transparent"
}
}
}));
console.log("newMarker",newMarker);
this.markers = [...newMarker];
}
},
}
computed:{
marker(){
return this.markers.slice(0)
}
}
}
</script>
<style lang="scss">
@ -42,7 +104,7 @@
position: absolute;
width: 35px;
height:35px;
bottom: 100px;
bottom: 130px;
left:10px;
background-color: #fff;
padding: 5px;