微信小程序地图功能

想要实现地图功能，首先先来说说显示地图

map，该组件是原生组件。map组件官方文档

第一步：显示地图

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

看到这里，经度和纬度都是要获取当前的定位点，这时，就需要用到wx.getLocation（{}），来获取当前所在的经纬度，然后传给视图页。

第二步：获取当前定位点

然后，我们运行项目，就会有这样一个弹窗，

第三步：设置app.json

这是因为开发者需要填写获取用户地理位置的用途说明。

具体解决方法：

在app.json中增加permission属性配置。

"permission": {

　　"scope.userLocation": {

　　　　"desc":"你的位置信息将用于小程序位置接口的效果展示"

　　}

}

这样一个简单的显示当前定位点的地图功能就实现了。

这里要注意的是：

地图是原生组件，层级最高，所有想在地图上写控件用view就无效了。可以在地图上创建控件的cover-view、cover-image