抽取vue中的公用逻辑

ditu(){
      new MapService(this.baseUrl).getMapInfo( (serviceResult) => {
              var mapJSONObj = serviceResult.result;
              // var projection = {
              //     code:'',
              //     extent: extent,
              //     units: 'm'
              // };
          	//创建地图
            
              var  map = new Map({
                  target: 'map',
                  controls: control.defaults({attributionOptions: {collapsed: false}})
                      .extend([new Logo()]),
          			//定义视图
                  view: new View({
                      center: [114.05, 38.08],
          			//坐标
          			// center: [114.05, 38.08],
          			//放大的倍数
                      zoom: 8,
          			// zoom: 10,
          			//坐标信息
                      // projection: this.projection,
          			projection: "EPSG:4326",
                      multiWorld: true
                  })
              });
             
              this.options = TileSuperMapRest.optionsFromMapJSON(this.baseUrl, mapJSONObj);
              this.options.layersID = "[0,1,2]";
              var layer = new  TileLayer({
                 // source: new TileSuperMapRest(options)
                 //不写wrapX=true 底图没有色彩  原因不详
          		source: new TileSuperMapRest({
          		  url: this.baseUrl,
          		  wrapX: true
          		}),
              });
              console.log(map);
              this.map.addLayer(layer);
              
              // interpolationAnalystProcess();
              
          });
          
          // let that =this
          
    
    },  

需要把var  map 抽取出来

可以先定义一个map  然后把map放到一个方法里  加载方法 map就会执行