如何使用地图Picker快捷接入地图服务?

news/2024/9/23 14:30:33

在移动互联网的浪潮中,地图能力的使用已成为应用开发的关键领域。对于依赖地理位置信息的应用而言,用好地图服务不仅是基本要求,更是提升用户体验、实现个性化服务的关键。

但是在使用地图服务过程中,地图组件提供的设置参数种类繁多,道路、建筑物、地名等信息的处理非常繁琐,如何高效、及时地处理这些数据以提供合格的地图体验是个难题。此外,地图往往涉及到大量的数据加载和渲染,如何提高地图的加载速度和渲染性能,为用户提供流畅的地图体验,也是一个挑战。

HarmonyOS SDK 地图服务(Map Kit)提供地点详情、位置选点和区划选择等地图Picker产品,开发者无需自己开发地图页面,仅通过使用系统API即可快速实现查看地点详情、地图位置选取等场景化需求。

地图Picker---地点详情

提供地点信息查看、位置信息展示等功能,还可以与用户已安装的地图应用联动,提供路线规划、导航等功能。接入时推荐指定地点唯一标识,可为用户提供所需地点的详细信息,例如商店、餐馆、景点等的名称、地址、图片、联系方式、营业时间以及用户评分等。此外,也可以通过经纬度坐标正常标记自有数据,为用户提供基础信息查看、地图应用联动等体验。

地图Picker---位置选点

提供位置信息展示、附近地点推荐、地点位置查找等功能,用户可以通过拖拽、搜索等方式选取所需地点。用户完成地点选取并主动确认后,即可获得相应的地点信息,包括选取地点坐标、名称、地址、地点类型等,可用于地点分享、收件地址选择等场景。

开发者在应用或元服务开发中可以根据具体需求进行定制和集成,以提升用户体验和操作便捷性。例如,用户可以使用位置选点Picker选取要分享的地点信息,还可以使用地点详情Picker查看朋友分享来的地点详细信息。

开发步骤

地图Picker---地点详情

1.导入相关模块。

import { sceneMap } from '@kit.MapKit';
import { BusinessError } from '@kit.BasicServicesKit';
import { common } from '@kit.AbilityKit';

2.创建查询地点详情参数,调用queryLocation方法拉起地点详情页。

let queryLocationOptions: sceneMap.LocationQueryOptions = { siteId: "922207154068557824" };
sceneMap.queryLocation(getContext(this) as common.UIAbilityContext, queryLocationOptions).then(() => {console.info("QueryLocation", "Succeeded in querying location.");
}).catch((err: BusinessError) => {console.error("QueryLocation", `Failed to query Location, code: ${err.code}, message: ${err.message}`);
});

地图Picker---位置选点

1.导入相关模块。

import { sceneMap } from '@kit.MapKit';
import { BusinessError } from '@kit.BasicServicesKit';
import { common } from '@kit.AbilityKit';

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

let locationChoosingOptions: sceneMap.LocationChoosingOptions = {location: { latitude: 39.92194051376904, longitude: 116.3971836796932 },language: 'en',searchEnabled: true,showNearbyPoi: true
};
sceneMap.chooseLocation(getContext(this) as common.UIAbilityContext, locationChoosingOptions).then((data) => {console.info("ChooseLocation", "Succeeded in choosing location.");
}).catch((err: BusinessError) => {console.error("ChooseLocation", `Failed to choose location, code: ${err.code}, message: ${err.message}`);
});

了解更多详情>>

访问地图服务联盟官网

获取地图Picker开发指导文档

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/63763.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

Nuxt Kit 使用日志记录工具

title: Nuxt Kit 使用日志记录工具 date: 2024/9/23 updated: 2024/9/23 author: cmdragon excerpt: 摘要:本文介绍在Nuxt 3框架的Nuxt Kit中使用日志记录工具的方法,重点讲解useLogger函数的应用,通过创建示例项目一步步展示如何配置和使用日志记录功能来监控应用状态、记…

CentOS限制物理内存大小方法

编辑/etc/sysconfig/grub在GRUB_CMDLINE_LINUX这行添加mem=1024M注释:配置是限制操作系统可用内存为1G。改后重启查看 作者:杨灏 出处:http://www.cnblogs.com/HByang/

PARTIII-Oracle事务管理-数据并发性和一致性

9.数据并发性和一致性 本章解释了Oracle数据库如何在多用户数据库环境中维护一致性的数据。 本章包含以下部分:数据并发性和一致性的介绍 Oracle数据库事务隔离级别的概述 Oracle数据库锁定机制的概述 自动锁定的概述 手动数据锁定的概述 用户定义锁的概述9.1. 数据并发性和一…

多语言文本 AI 情感分析 API 数据接口

多语言文本 AI 情感分析 API 数据接口 AI / 文本处理 AI 模型快速分析文本情感倾向 多语言文本 / 情感分析。1. 产品功能支持多语言文本情感分析; 基于特定 AI 模型,快速识别文本情感倾向; 适用于评论分析、舆情监控等场景; 全接口支持 HTTPS(TLS v1.0 / v1.1 / v1.2 / v1…

【unity开发】以OPPO手机为例,如何连接安卓设备并调试unity程序

1.有线调试 下面全程以oppo手机为例: 1.打开手机开发者模式 设置->关于手机->版本信息->狂点版本号直到弹出提示打开开发者模式即可2.打开USB调试 打开开发者模式之后 在设置->其他设置->开发者选项->USB调试打开即可3.USB数据线连接 使用USB数据线连接你的…

多语言文本 AI 纠错格式化 API 数据接口

多语言文本 AI 纠错格式化 API 数据接口 AI / 文本处理 AI 模型智能纠正 语法纠错 / 文本格式化。1. 产品功能支持多语言文本的语法纠错; 自动识别并纠正拼写错误、语法错误和标点符号使用不当; 优化文本格式,提高可读性; 基于AI模型,持续学习和更新,提高纠错准确率; 适…

从0到1搭建权限管理系统系列三 .net8 JWT创建Token并使用Av

说明 该文章是属于OverallAuth2.0系列文章,每周更新一篇该系列文章(从0到1完成系统开发)。 该系统文章,我会尽量说的非常详细,做到不管新手、老手都能看懂。 说明:OverallAuth2.0 是一个简单、易懂、功能强大的权限+可视化流程管理系统。 结合上一篇文章使用,味道更佳:…

9.23人工智能技术——绘图

主题:17.我变成了一棵树 设计思路:我选择的主题是一节语文课——我变成了一棵树的绘图设计。本节课的内容基调是童趣轻快活泼且富有想象气息的,所以我选择了明亮的蓝天白云绿草作为背景,使得画面温馨欢快。然后根据课文内容,我将课文里出现的一些关键事物添加到背景上,构…