微信小程序设置地图满屏模式

baipeng 技术 , 评论

在对地图进行控制显示区域大小时想将地图全屏显示在手机上，使用平时的px或者直接使用百分比对于高度全屏无效，这时候可以通过vh这个单位，整个屏幕默认满屏为100vh;

所以将地图的高度设置为100vh宽度设置为100%，就可以！

1
2
3
<view style="width: {{ windowWidth }}px;height: {{windowHeight}}px;">
  <map id="myMap" longitude="{{longitude}}" latitude="{{latitude}}" scale="14" controls="{{controls}}" bindcontroltap="controltap" markers="{{markers}}" bindmarkertap="markertap" polyline="{{polyline}}" bindregionchange="regionchange" show-location="True" style="width: 100%;height:100vh;"></map>
</view>