add view ahead map in wechatapp

1.index.wxml

<map class="map"
  longitude="{{myLongitude}}"
  latitude="{{myLatitude}}"
  scale="{{mapScale}}"
  controls="{{controls}}"
  bindcontroltap="controltap"
  markers="{{markers}}"
  bindmarkertap="markertap"
  polyline="{{polyline}}"
  bindregionchange="regionchange"
  show-location
  style="width: 100%; height: {{mapHeight}}px;">
</map>

<canvas class="{{showHeader ? 'canvas' : 'canvasHide'}}" canvas-id="myCanvas">
</canvas>

2.index.wxss

.canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 240rpx;
  display: block;
  background-color: #ff0000;
}

.canvasHide {
  display: none;
}

3.Postscript

any question comment below,i will reponse you.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容