uni-app 地图组件演示

最近看uni-app地图组件，这个功能很经常用到，发现了一些坑，很难受，下面看一下代码

效果图：

其中微信marker 上的气泡 label位置调整，uni-app的组件是想x，y，但是微信在1.2.0以后就废弃了x，y改用anchorX和anchorY，如果使用x，y，微信开发小程序的模拟器是看不到效果的，真机调试有效果，但是我使用anchorX和anchorY，微信小程序是可以显示出来了位置的不同。

具体参考微信小程序地图组件地址：https://developers.weixin.qq.com/miniprogram/dev/component/map.html

uni-app地图组件：https://uniapp.dcloud.io/component/map

获取当前位置经纬度需要在pages.json中加

{
            "path" : "pages/map/map",
            "style" : {
                "navigationBarTitleText" : "地图"
            }, 
			"permission": { 
				"scope.userLocation": {
				  "desc": "你的位置信息将用于小程序位置接口的效果展示"
				}
			 }
        },