微信小程序仿摩拜单车

本小程序仿摩拜单车的地图显示和拖动部分，单车数据采用周边厕所模拟。index.wxml如下：

1. <map id="map" bindcontroltap="bindcontroltap" bindregionchange="bindregionchange"

   longitude="{ {jd}}" latitude="{ {wd}}" markers="{ {markers}}" controls="{ {controls}}"

   style="width: 100%; height: { {height}}px;"  scale="16"   show-location>

2. </map>

拖动地图，视野变化设置bindregionchange

页面加载时设置地图高度，control标注，头部广告及注册登录、返回当

前位置、优惠券、充值等。

1. wx.getSystemInfo({

2.      success: function (res) {

3.        maph = res.windowHeight

4.        mapw = res.windowWidth

6.        that.setData({

7.          height: maph,

8.          controls: [

9.            {

10.              id: 1,

11.              iconPath: '../libs/banner.jpg',

12.              position: {

13.                left: 10,

14.                top: 10,

15.                width: 390,

16.                height: 80

17.              },

18.              clickable: true

19.            },

20.            {

21.              id: 2,

22.              iconPath: '../libs/gps.jpg',

23.              position: {

24.                left: 10,

25.                top: maph - 50,