MapKit JS自定义标注示例设置地图中心坐标无效求助

我在基于苹果官网Custom Callout示例开发MapKit JS自定义地图时，想要指定地图中心坐标让地图以此为中心显示。尝试添加了以下代码：

var center = new mapkit.Coordinate(37.8184493, -122.478409);

修改后的代码段如下：

var map = new mapkit.Map("map");
var center = new mapkit.Coordinate(37.8184493, -122.478409);
map.showItems(annotations);

但地图并未按指定坐标居中显示，不确定是语法错误还是实现方式有误。

问题根源在于两点：一是仅创建了坐标对象，但未将其绑定到地图的中心属性；二是map.showItems(annotations)方法会自动调整地图视图范围，确保所有标注都可见，这会覆盖手动设置的中心位置。

方法一：优先固定地图中心 #

如果你希望地图严格以指定坐标为中心展示，不受标注位置影响，可在初始化地图后直接调用setCenter方法，再添加标注：

var map = new mapkit.Map("map");
// 创建目标中心坐标
var center = new mapkit.Coordinate(37.8184493, -122.478409);
// 设置地图中心，animated参数控制是否启用过渡动画
map.setCenter(center, { animated: false });
// 添加标注到地图
map.showItems(annotations);

方法二：显示标注后强制居中 #

若需要先让地图展示所有标注，再切换到指定中心，可调整代码顺序，先调用showItems，再设置中心：

var map = new mapkit.Map("map");
map.showItems(annotations);
var center = new mapkit.Coordinate(37.8184493, -122.478409);
// 启用动画平滑过渡到目标中心
map.setCenter(center, { animated: true });

完整修改后的核心代码片段 #

替换原代码中地图初始化的部分：

var map = new mapkit.Map("map");
var center = new mapkit.Coordinate(37.8184493, -122.478409);
map.setCenter(center, { animated: false });
map.showItems(annotations);

内容的提问来源于stack exchange，提问作者user982124