汽车应用案例

├── common/src/main/ets                              // 公共模块 
│   ├── components
│   │   ├── NavItem.ets                              // nav组件
│   │   ├── PageHeaderComp.ets                       // 二级页面头部组件
│   │   └── ShopItem.ets                             // shop组件
│   ├── constants
│   │   ├── CommonConstants.ets                      // 公共样式
│   │   ├── NavConstants.ets                         // nav样式
│   │   └── TabConstants.ets                         // tab样式
│   ├── model
│   │   ├── BuyingCarModel.ets                       // 购车数据模型
│   │   ├── CommodityModel.ets                       // 商城数据模型
│   │   ├── ExploreModel.ets                         // 探索数据模型
│   │   ├── LazyDataSource.ets                       // 懒加载数据
│   │   ├── NavModel.ets                             // nav数据模型
│   │   └── ShopModel.ets                            // shop数据模型
│   └── utils
│       ├── LoggerUtil.ets
│       ├── PermissionsUtil.ets                      // 权限管理工具类
│       └── PreferencesUtil.ets                      // 数据存储工具类
├── entry/src/main/ets                               // 主页面
│   ├── constants
│   │   └── TabConstants.ets                         // tab样式
│   ├── entryability
│   │   └── EntryAbility.ets                         // 程序入口
│   └── pages
│       ├── LoginPage.ets                            // 登录页
│       ├── NavigationPage.ets                       // Navigation根页面
│       ├── PrivacyPolicyPage.ets                    // 隐私政策页面
│       ├── SplashScreenPage.ets                     // 闪屏页
│       ├── SplashScreenPage2.ets                    // 闪屏页2
│       └── TabPage.ets                              // tab页
├── features
│   ├── buyingcar/src/main/ets                       // 购车
│   │   ├── components 
│   │   │   ├── LearnMoreItemComp.ets                // 了解更多item组件
│   │   │   ├── MarqueeImageComp.ets                 // 走马灯图片
│   │   │   ├── SwiperItemComp.ets                   // 购车swiperItem组件
│   │   │   └── VehicleModelActivities.ets           // 车型item组件
│   │   └── pages 
│   │       ├── BuyingCarDetailPage.ets 
│   │       └── BuyingCarPage.ets                    // 购车tab页
│   ├── explore/src/main/ets                         // 探索
│   │   ├── components 
│   │   │   ├── ActivityComp.ets                     // 活动swiper页
│   │   │   ├── ActivityItemComp.ets                 // 活动item组件
│   │   │   ├── RealTimeInfoComp.ets                 // 咨询swiper页
│   │   │   └── RecommendationComp.ets               // 推荐swiper页
│   │   ├── constants 
│   │   │   └── RecommendationConstants.ets          // 探索tab页
│   │   └── pages 
│   │       └── ExplorePage.ets 
│   ├── mine/src/main/ets                            // 我的
│   │   ├── components 
│   │   │   └── MajorList.ets                        // 单个组件
│   │   ├── constants 
│   │   │   ├── HeaderConstants.ets                  // 头部样式
│   │   │   └── MajorConstants.ets                   // major样式
│   │   ├── model
│   │   │   └── MajorModel.ets                       // major模型
│   │   └── pages 
│   │       ├── MinePage.ets                         // 我的tab页
│   │       └── SettingsPage.ets                     // 设置页面
│   ├── service/src/main/ets                         // 服务
│   │   ├── components 
│   │   │   └── SheetTransition.ets                  // sheet模态框
│   │   ├── constants 
│   │   │   └── ServiceConstants.ets                 // 服务样式
│   │   ├── model
│   │   │   └── StationModel.ets                     // station模型
│   │   ├── pages 
│   │   │   ├── MyCharge.ets                         // 我的充电页
│   │   │   ├── OptimalStation.ets                   // 最优站点页
│   │   │   └── ServicePage.ets                      // 服务tab页
│   └── shoppingMall/src/main/ets                    // 商城
│       ├── components 
│       │   └── CommodityItemComp.ets                // 商城列表item组件
│       ├── constants 
│       │   └── ShoppingMallConstants.ets            // 商城样式
│       └── pages 
│           ├── CommodityDetailPage.ets              // 商城详情
│           └── ShoppingMallPage.ets                 // 商城tab页
└── entry/src/main/resources                         // 资源文件目录

// features\service\src\main\ets\pages\OptimalStation.ets
@Entry
@Component
export struct OptimalStation {
  @StorageProp('avoidArea') topHeight: number = 0;
  private mapOption?: mapCommon.MapOptions;
  @State addressName: string = '';
  private callback?: AsyncCallback<map.MapComponentController>;
  private mapController?: map.MapComponentController;
  // 地图初始化经纬度，可自定义。
  private latLng: mapCommon.LatLng = {
    latitude: 31.97413747571286,
    longitude: 118.77314161376894
  }
  @State addressString: string = '';
  @Consume('pageInfos') pageInfos: NavPathStack;

  build() {
    NavDestination(){
      Stack({ alignContent: Alignment.Bottom }) {
        MapComponent({ mapOptions: this.mapOption, mapCallback: this.callback }).width('100%').height('100%');
        // ...
        Row() {
          // 半模态框
          SheetTransition({
            StationList: Station.getStationList(),
            addressName: this.addressName
          })
        }.margin({ bottom: 220 })
      }
    }
    .hideTitleBar(true)
    .onReady(()=>{
      // 地图初始化参数，设置地图中心点坐标及层级
      this.mapOption = {
        position: {
          target: this.latLng,
          zoom: 14
        },
        zoomControlsEnabled: false,
        myLocationControlsEnabled: true
      };

      // 地图初始化的回调
      this.callback = async (err, mapController) => {
        if (!err) {
          // 获取地图的控制器类，用来操作地图
          this.mapController = mapController;
          // 启用我的位置图层
          this.mapController?.setMyLocationEnabled(true);
          this.mapController.on("mapLoad", () => {
          });
          // 监听“我的位置”按钮点击事件
          this.mapController.on("myLocationButtonClick", () => {
            this.getMyLocation();
          });
          // 初始化我的位置
          this.getMyLocation();
        }
      };
    })
  }
}