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>
分类:
开发语言 / uni app
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!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打不开