微信小程序全屏显示地图

微信小程序在界面上显示地图,只需要用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

相关推荐
Nan_Shu_61411 小时前
学习:uniapp全栈微信小程序vue3后台-额外/精彩报错篇
前端·学习·微信小程序·小程序·uni-app·notepad++
尘似鹤13 小时前
微信小程序学习(三)补充
学习·微信小程序
老华带你飞13 小时前
机电公司管理小程序|基于微信小程序的机电公司管理小程序设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·微信小程序·小程序·机电公司管理小程序
涛声依旧14 小时前
基于springBoot鲜花商城小程序
java·spring·微信小程序
卷Java16 小时前
小程序前端功能更新说明
java·前端·spring boot·微信小程序·小程序·uni-app
卷Java16 小时前
小程序原生导航栏返回键实现
spring boot·云原生·微信小程序·uni-app
CTRA王大大16 小时前
【微信公众平台】小程序如何查找菜单?如何通过自定义的菜单路径生成小程序二维码?小程序二维码指定生成
小程序·微信公众平台
说私域16 小时前
基于开源AI智能名片链动2+1模式S2B2C商城小程序的引流爆款设计策略研究
人工智能·小程序
weixin_lynhgworld16 小时前
短剧小程序系统开发:构建便捷高效的影视观看平台
小程序·短剧
知识分享小能手16 小时前
微信小程序入门学习教程,从入门到精通,微信小程序常用API(下)——知识点详解 + 案例实战(5)
前端·javascript·学习·微信小程序·小程序·vue·前端开发