鸿蒙高德地图上绘制marker点

绘制点位,并且使用自定义图标

 this.mapData.forEach(async(item:mapResultData) => {
      let options: MarkerOptions = new MarkerOptions();
      const location = item.zB.split(',')
      options.setPosition(new LatLng(Number(location[1]),Number(location[0])));
      let icon = await  BitmapDescriptorFactory.fromRawfilePath(this.globalContext, "rawfile/markerIcon.jpg")
      if(icon){
        options.setIcon(icon);
      }
      options.setTitle(item.address);
// 点位的点击事件
      aMap.setOnMarkerClickListener((marker: Marker): boolean => {
        this.isShowNavigation = true
        this.clickTitle = marker.getTitle()//获取点位标题
        this.clickLocation = marker.getPosition()//获取点位经纬度
        const location = marker.getPosition()// 获取点位经纬度
        marker.showInfoWindow()// 显示点位信息弹窗
        aMap?.moveCamera(CameraUpdateFactory.newLatLngZoom(new LatLng(location.latitude,location.longitude ),16));//调整地图状态
        return true
        // 返回true表示已处理点击事件,不再继续传递;返回false则继续传递
      })
      aMap.addMarker(options);
    });

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值