【九月打卡】第20天 go语言租辆酷车小程序初体验@慕课网原创_慕课网

课程章节：4-1/2：给小程序添加地图组件；4-3/4/5：Docker介绍；4-5：汽车位置实时更新展示

课程讲师： ccmouse

课程内容：

一. 小程序添加地图组件

index.wxml：微信小程序里的html
index.wxss ：微信小程序里的css

// index.wxml 微信小程序里的页面文件格式
<map
  id="map"
  class="map"
  latitude="{{location.latitude}}"
  longitude="{{location.longitude}}"
  scale="{{scale}}"
  setting="{{setting}}"
  enable-overlooking="{{isOverLooking}}"
  enable-3D="{{is3D}}"
  markers="{{markers}}" 
>
</map>

页面数据

Page({
  data: { // 页面数据
    motto: 'Hello World from vscode',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo'),
    setting: {
      skew: 0,
      rotate: 0,
      showLocation: true,
      showScale: true,
      subKey: '',
      layerStyle: -1,
      enableZoom: true,
      enableScroll: true,
      enableRotate: false,
      showCompass: false,
      enable3D: false,
      enableOverlooking: false,
      enableSatellite: false,
      enableTraffic: false,
    },
    location: { // 初始经纬度
      latitude: 29.75684382898254,
      longitude: 121.87224327516209,
    },
    scale: 16,
    markers: [
      {
        iconPath: "/resources/car.png",
        id: 2,
        latitude: 29.75684382898254,
        longitude: 121.87224327516209,
        width: 20,
        height: 20,
      }
    ]
  },
  onReady: function () { },
  onLoad: function () {},
  getUserInfo: function(e) {},
  onBtnTap: function() { }
})

变换marker

  translateMarker: function (ctx) {
    this.pathIndex++;
    if(this.pathIndex >= raceData.path.length) {
      return 
    }
    ctx.translateMarker({ // 变换marker
      markerId: 2,
      destination: {
        latitude: raceData.path[this.pathIndex].lat,
        longitude: raceData.path[this.pathIndex].lng,
      },
      duration: 100, // 花100ms完成变化
      success: () => this.translateMarker(ctx),
    })
  },

二. docker

docker run -p 18000:18000 -p 27017:27017 -e ICODE=<ICODE> ccr.ccs.tencentyun.com/coolcar/coolenv

-p <主机端口>:<容器端口> 端口映射。将容器的端口映射为主机端口。
-e <环境变量>=<值> 环境变量。在容器运行时设置容器内部的操作系统环境变量。
-v <主机目录>:<容器目录> Volume（卷）设置。将主机目录映射为容器内部目录。

运行的docker容器在退出之后，并没有从系统中自动删除，它的镜像以及卷将继续占据系统空间。我们可以不予理会，也可进行清除。

	docker run --rm ...
	可以在容器运行结束后自行清除所占据的空间，包括未映射的卷。
	docker image prune
	清除所有已经停止的容器
	docker volume prune
	清除所有未使用的卷
	docker system prune --volumes
	一键清除上述所有

课程收获：

容器运行：资源暂用小、可移植性高