想要实现地图功能，首先先来说说显示地图
map，该组件是原生组件。map组件官方文档
第一步：显示地图
在对地图进行控制显示区域大小时，想将地图全屏显示在手机上，使用平时的px或者直接使用百分比对于高度全屏无效，这时候可以通过vh这个单位，整个屏幕默认满屏为100vh，所以将地图的高度设置为100vh，宽度设置为100%即可。
看到这里，经度和纬度都是要获取当前的定位点，这时，就需要用到wx.getLocation（{}），来获取当前所在的经纬度，然后传给视图页。
第二步：获取当前定位点
然后，我们运行项目，就会有这样一个弹窗，
第三步：设置app.json
这是因为开发者需要填写获取用户地理位置的用途说明。
具体解决方法：
在app.json中增加permission属性配置。
"permission": {
"scope.userLocation": {
"desc":"你的位置信息将用于小程序位置接口的效果展示"
}
}
这样一个简单的显示当前定位点的地图功能就实现了。
这里要注意的是：
地图是原生组件，层级最高，所有想在地图上写控件用view就无效了。可以在地图上创建控件的cover-view、cover-image
网友评论