成都小程序制作中生成定位地图截图解决地图组件覆盖问题！

成都小程序制作中生成定位地图截图解决地图组件覆盖问题！最近收到了一个小程序定制项目，属于香港二手租赁类型，在租赁栏需要使用地图显示房屋位置功能，小程序二维码如下图所示，您可以扫描代码体验。地图组件需要用于房屋详细信息页面。

如下图所示，小程序难以解决的一个问题是，地图组件属于原始组件，层次最高，因此底部的工具条不能覆盖地图组件。为了解决这个问题，微信提供了cover-view和cover-image两个组件，可以覆盖原始组件的视图和图片组件。但也有两个缺陷：1.当手触摸上面时，不能上下滚动，这个问题是用来解决的cover-view和cover-image组件无法解决。2.在开发工具模拟器中不会覆盖浮动普通层，但会穿透真机。

例如，当底部浮动在地图上时，点击浮动块上的按钮到地图上。为了解决这个问题，最好的办法不是使用地图原始组件，而是生成地图图片。经过搜索，发现高德地图上有一张高德地图API接口可以生成地图图片，非常好用。