HarmonyOS 鸿蒙Next 地图加载经纬度设置了标记后有偏移量

HarmonyOS 鸿蒙Next 地图加载经纬度设置了标记后有偏移量

代码示例:

/**
* 地图显示
*/
import { MapComponent, mapCommon, map } from '@kit.MapKit';
import { AsyncCallback } from '@kit.BasicServicesKit';

@Entry
@Component
struct Map {
private TAG = "HuaweiMapDemo";
/**
* 地图初始化参数
*/
private mapOptions?: mapCommon.MapOptions;
/**
* 地图初始化的回调
*/
private callback?: AsyncCallback<map.MapComponentController>;
/**
* 地图的控制器
*/
private mapController?: map.MapComponentController;

aboutToAppear(): void {
// 地图初始化参数，设置地图中心点坐标及层级
this.mapOptions = {
//设置的经纬度
position: {
target: {
latitude: 38.023885,
longitude: 114.482445
},
//相机的图层设计
zoom: 16
},
/**
STANDARD：标准地图，展示道路、建筑物以及河流等重要的自然特征。
NONE：空地图，没有加载任何数据的地图。
TERRAIN：地形图
*/
mapType: mapCommon.MapType.STANDARD,
//是否支持滑动手势
scrollGesturesEnabled: true,
//是否支持缩放手势
zoomGesturesEnabled: true
};

// 地图初始化的回调
this.callback = async (err, mapController) => {
if (!err) {
// 获取地图的控制器类，用来操作地图
this.mapController = mapController;
// 设置地图主题色跟随系统变化
this.mapController.setDayNightMode(mapCommon.DayNightMode.AUTO);
//Marker初始化参数
let markerOptions: mapCommon.MarkerOptions = {
//标记的位置坐标
position: {
latitude: 38.023885,
longitude: 114.482445
},
//标记的旋转角度
rotation: 0,
visible: true,
zIndex: 0,
//透明度
alpha: 1,
anchorU: 0.5,
anchorV: 1,
clickable: true,
draggable: true,
flat: false
};
// 创建Marker
this.mapController.addMarker(markerOptions);

}
};
}

// 页面每次显示时触发一次，包括路由过程、应用进入前台等场景，仅@Entry装饰的自定义组件生效
onPageShow(): void {
// 将地图切换到前台
if (this.mapController !== undefined) {
this.mapController.show();
}
}

// 页面每次隐藏时触发一次，包括路由过程、应用进入后台等场景，仅@Entry装饰的自定义组件生效。
onPageHide(): void {
// 将地图切换到后台
if (this.mapController !== undefined) {
this.mapController.hide();
}
}

build() {
Stack() {
// 调用MapComponent组件初始化地图
MapComponent({ mapOptions: this.mapOptions, mapCallback: this.callback }).width('100%').height('100%');
}.height('100%')
}
}