微信小程序Map组件踏孔日记

我只是有另一个虫子，这让我的头皮麻木了。我很想回家准备一个愉快的周末。它变成了每日错误修复，并开始填补坑道

情景再现：首先说一说我们项目的需求，

　　点击下方，弹出抽屉

点击对应的地图打开相应的APP

思路一：用map组件来实现

　　　　坑：布局都搞好之后，在微信开发者工具一切正常，结果真机测试的时候只有地图，所有东西都被覆盖住了

效果：

原因：原生Map组件层级是最高的，并且不能使用z-index来修改层级

如果要在地图上面加一些组件呢

解决：

　　方案一：控件设置，控件就是controls属性，控件只能显示图片，不能显示文字之类的　　

　　方案二：cover-view组件，这个组件就是悬浮在一些组件上的，用于设置在map上或者设置在视频播放上等等

　　　　　　将cover-view组件嵌套在map组件内就可以了。cover-image组件可以嵌套在cover-view内。

　　　　　　注意：cover-view中只支持嵌套cover-view、cover-image，button

好的，第一个问题已经解决，但第二个问题又来了，点击打开相应的地图应用程序

这个问题也非常他妈的说实话。

我已经在开头布局了Map组件，后来发现了Map组件不能实现直接打开对应的APP

经过另一次操作后，我发现我可以使用wx.openLocation()方法可以实现点击直接打开对应的APP，，但问题又来了，wx.openLocation()打开的界面不支持自定义样式

在这里你需要注意，wx.openLocation()在微信开发者工具运行的结果和在真机上运行的界面不一样

微信开发者工具运行结果：

真机运行结果：

好了，暂时就这些坑，大家使用的时候一定注意!