输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
文档管理中心

HarmonyOS

输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
指南
指南应用服务Map Kit（地图服务）地图Picker地点选取

地点选取

更新时间: 2026-09-09 06:54
本文导读

场景介绍

本章节将向您介绍如何集成地点选取控件，您无需自己开发地图页面，可快速实现地点选取的能力。该控件不支持在智能表设备中调用。

图1 地点选取页

图2 地点选取

约束与限制

使用该功能需满足以下条件：

  • 仅支持手机、平板和PC/2in1设备。

接口说明

地点选取控件功能主要由sceneMap命名空间下的chooseLocation方法提供，更多接口及使用方法请参见接口文档。

展开
接口名 描述
LocationChoosingOptions 地点选取的参数。
chooseLocation(context: common.UIAbilityContext, options: LocationChoosingOptions): Promise<LocationChoosingResult> 地点选取。
LocationChoosingResult 地点选取的返回结果。

开发步骤

  1. 导入相关模块。

    收起
    自动换行
    深色代码主题
    复制
    1. import { sceneMap } from '@kit.MapKit';
    2. import { BusinessError } from '@kit.BasicServicesKit';
    3. import { common } from '@kit.AbilityKit';

  2. 创建地点选取参数，调用chooseLocation方法拉起地点选取页。

    收起
    自动换行
    深色代码主题
    复制
    1. let locationChoosingOptions: sceneMap.LocationChoosingOptions = {
    2.   // 地图中心点坐标
    3.   location: {
    4.     latitude: 39.91804051376904,
    5.     longitude: 116.3970536796932
    6.   },
    7.   // 展示搜索控件
    8.   searchEnabled: true,
    9.   // 展示附近POI
    10.   showNearbyPoi: true
    11. };
    12. // 拉起地点选取页
    13. sceneMap.chooseLocation(this.getUIContext().getHostContext() as common.UIAbilityContext,
    14.   locationChoosingOptions).then((data) => {
    15.   console.info('ChooseLocation', 'Succeeded in choosing location.');
    16. }).catch((err: BusinessError) => {
    17.   console.error('ChooseLocation', `Failed to choose location, code: ${err.code}, message: ${err.message}`);
    18. });
地点详情展示
区划选择
相关推荐
文档地点详情展示
文档地图选点Button
文档区划选择
文档sceneMap（场景化控件）
文档控件交互
文档选择收货地址Button
文档地图组件用法
文档单选框
文档点注释
文档点聚合
简体中文
华为开发者联盟 版权所有 ©2026
问题反馈
使用条款
华为开发者联盟用户协议
关于华为开发者联盟与隐私的声明
Cookies
开源软件声明
在 指南 中进行搜索
请输入您想要搜索的关键词