uniapp nvue页面 map地图全屏设置

因为

nvue页面:100vh 以及百分比不可用,

所以

1,可以获取当前屏幕高度 然后赋值

<map :latitude="latitude" :longitude="longitude" :style="'height:'+windowHeight*2+'rpx;'"></map>
const { windowWidth, windowHeight,appName } = uni.getSystemInfoSync();    

 完整代码:

复制代码
<template>
    <view>
        <map style="width: 750rpx;" :style="'height:'+windowHeight*2+'rpx;'" 
            :latitude="data_info.latitude"
            :longitude="data_info.longitude" 
            >
        </map>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                windowHeight : uni.getSystemInfoSync().windowHeight,//屏幕高度
                data_info:{
                    'latitude':'34.259428',
                    'longitude':'108.947040',
                    'scale':17,//缩放级别(类型为Number,默认值为16,缩放级别取值范围为5-18)
                },
            }
        },
        methods: {
            
        }
    }
</script>

<style>

</style>
复制代码

 

posted @   zhang_you_wu  阅读(1065)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
历史上的今天:
2023-02-26 WIN10安装yarn:无法加载文件 C:\Users\jiuyv\AppData\Roaming\npm\yarn.ps1解决
2020-02-26 win10的本地组策略编辑器pgedit.msc打不开
点击右上角即可分享
微信分享提示