1.功能概述在微信小程序中，用户手动在地图上绘制区域，将绘制的区域边界点转换为经纬度在地图上显示绘制的区域。此功能实现了用户与地图的交互，可以应用于地理围栏、区域标记等场景。2.实现步骤2.1获取用户位置在小程序加载时，使用wx.getLocation获取用户的当前位置，并

最终目标每一列上面的关卡之间有间距，并且x坐标有左右偏移，最后一个房间的位置是固定的实现方法我们现在已经知道屏幕的宽度screenWidth，也知道了屏幕的高度screenHeight，同时还知道一共有多少列mapConfig.roomBlueprints.Count那么可以算出每一列的宽度columnWidth=screenW

页面初始化mounted的时候，通过document.body.clientWidth和document.body.clientHeight获取到浏览器的宽和高，然后通过window.onresize来监听浏览器窗口的变化，在这里来改变我们的变量宽和高即可。（created()的时候不行，因为此时document还没有生成）<template><sectionclass="p-1

//以下两个函数获取的是显示屏幕的大小，不包括任务栏等区域intscreenwidth=GetSystemMetrics(SM_CXFULLSCREEN);intscreenheight=GetSystemMetrics(SM_CYFULLSCREE

<divid="wrap":style="{height:screenHeight+'px'}"><divid="main":style="{top:nowTop+'px'}"><ulid="pageUl"type="circle">

在开发微信小程序中，遇到iPhone全面屏手机，底部小黑条会遮挡页面底部，因此需要做适配处理。解决方案：使用wx.getSystemInfoSync()中的screenHeight和safeArea对象的bottom属性

android中获取屏幕的长于宽，参考了网上有很多代码，但结果与实际不符，如我的手机是i9000，屏幕大小是480*800px，得到的结果却为320*533结果很不靠谱，于是自己写了几行代码，亲测一下测