微信小程序全屏显示地图

微信小程序在界面上显示地图,只需要用map标签

c 复制代码
<map longitude="经度度数" latitude="纬度度数"></map>

例如北京的经纬度为:116.407004,39.904595

c 复制代码
<map class="bgMap" longitude="116.407004" latitude="39.904595"></map>

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

c 复制代码
.bgMap{
        width:100%;
        height:100vh;
    }

参考链接:https://blog.csdn.net/mm_hello11/article/details/83043926

如需实现小程序到指定位置导航参考:

https://blog.csdn.net/weixin_45011156/article/details/111315164?spm=1001.2014.3001.5501

相关推荐
2501_916008891 小时前
Web 前端开发常用工具推荐与团队实践分享
android·前端·ios·小程序·uni-app·iphone·webview
2501_915921431 小时前
“HTTPS 个人化”实战,个人站点与设备调试的部署、验证与抓包排查方法
网络协议·http·ios·小程序·https·uni-app·iphone
菜鸟una2 小时前
【微信小程序 + 消息订阅 + 授权】 微信小程序实现消息订阅流程介绍,代码示例(仅前端)
前端·vue.js·微信小程序·小程序·typescript·taro·1024程序员节
韩立学长3 小时前
【开题答辩实录分享】以《租房小程序的设计和实现》为例进行答辩实录分享
java·spring boot·小程序
從南走到北3 小时前
JAVA国际版一对一视频交友视频聊天系统源码支持H5 + APP
java·微信·微信小程序·小程序·音视频·交友
future_studio4 小时前
聊聊 Unity(小白专享、C# 小程序 之 联机对战)
unity·小程序·c#
隔壁程序员老王4 小时前
基于 Python 的坦克大战小程序,使用 Pygame 库开发
python·小程序·pygame·1024程序员节
從南走到北4 小时前
同城派送小程序
微信·微信小程序·小程序
腾讯云云开发6 小时前
3小时上线!云开发“零运维”外卖小程序指南
微信小程序·ai编程·小程序·云开发
腾讯云云开发6 小时前
云开发1天极速开店!1人搞定全流程
微信小程序·ai编程·小程序·云开发