微信小程序怎么做地图上拉页面

Question

用原生微信小程序怎么做这个地图上拉的页面，有没有demo看一下
效果链接： http://mmbiz.qpic.cn/mmbiz_gif/zZrrqNRmBjC1AWzLgKCAnKoYEpNG3wVSOVbibaEG18Twj1WIYlFUyZA5JHLibgI0lfbIxc31yRrX3qUbia8p2kHsg/0?wx_fmt=gif

Answer 1

<!--页面结构-->
<view>
  <map id="myMap"></map>
  <scroll-view scroll-y="true">
    <view>
      <!-- 这里是滚动内容 -->
    </view>
  </scroll-view>
</view>

<!--页面样式-->
<style>
  #myMap {
    width: 100%;
    height: 300px;
  }
</style>

<!--页面逻辑-->
<script>
  Page({
    onLoad: function () {
      // 初始化地图
      this.mapCtx = wx.createMapContext('myMap')
    },
  })
</script>