微信小程序-地图类应用

这段时间由于公司的要求将我们APP做了一个微信小程序的版本出来，也是自己对微信小程序好奇，就接下来了，按照流程先看微信小程序API文档，然后申请小程序，一系列配置（这里就不介绍了，文档里都写的很清楚），然后确定功能，出UI原型图，开工写代码，单元测试，整个花了2个周的时间；
废话了一堆，这里主要介绍下微信小程序map的使用，先来一张效果图：

这里贴下主要代码介绍下：
先是wxml文件：

<map id='parkingMap' class='mp_map' longitude="{
   {
   lon}}" latitude="{
   {
   lat}}" scale='14' markers='{
   {
   markers}}' controls='{
   {
   controls}}' bindcontroltap='controltap' bindmarkertap='markertap' show-location='true' bindregionchange='regionchange' bindtap='clickOther'>  

    <cover-view class='parkingName'>{
  {parkingName}}</cover-view>

    <cover-view class='space'>
      <cover-view class='totalNum'>总车位：<cover-view style='color:red'>{
  {totalNum}}</cover-view></cover-view>
      <cover-view class='leftNum'>剩余车位：<cover-view style='color:red'>{
  {leftNum}}</cover-view></cover-view>
    </cover-view>

  </cover-view>

  <cover-view class='right'>
    <cover-image src='../../image/arrow_right.png' class='arrow'></cover-image>
  </cover-view>

</cover-view> 

注意这里是要添加到map标签里面：<map> <cover-view> </cover-view></map>
加了个if判断，点击地图上的P才显示；
js文件：
初始化dat