TencentMapDemo：基于 react-native-tencent-map-kit 的可运行示例

"react-native-tencent-map-kit": "file:../react-native-tencent-map-kit"

组件库与 Demo 位于同一父目录，例如：

父目录/
  TencentMapDemo/
  react-native-tencent-map-kit/

 会失败；可将组件库放到该路径，或把依赖改为 npm / git 地址。

cd TencentMapDemo
yarn install
yarn start

保持 Metro 终端运行，另开终端执行编译命令。

标题「腾讯地图ReactNative 版本」，下列三项进入子屏，子屏顶部返回首页。

React Native 示例应用，演示接入 

，屏标题「位置服务 API」。API：

NativeModules.TencentNavigationModule.stopDriveNavigation

：解析压缩 polyline；公交合并 

cd TencentMapDemo
yarn install
yarn start
yarn pod
yarn ios
yarn android

附件代码以及demo.zip

工程名 TencentMapDemo · 依赖 react-native-tencent-map-kit（file:../react-native-tencent-map-kit）· React Native 0.82.1 · React 19.1.1

【腾讯位置服务开发者征文大赛】腾讯位置服务 + React Native：地图、检索、规划、导航一条龙，附可运行 Demo

前端

客户端

开发工具

TencentMapDemo是基于react-native-tencent-map-kit开发的ReactNative地图示例项目，支持iOS和Android平台。项目展示了腾讯地图SDK的多种功能，包括地图样式切换、位置搜索API、路线规划与导航等核心功能。提供完整的开发环境配置指南，包含Key申请、依赖安装、运行调试等详细步骤。项目采用ReactNative 0.82.1和React 19.1.1版本，适合开发者快速集成腾讯地图功能到ReactNative应用中。

Android Studio

React Native

Android

Xcode

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

TencentMapDemo是基于react-native-tencent-map-kit开发的ReactNative地图示例项目，支持iOS和Android平台。项目展示了腾讯地图SDK的多种功能，包括地图样式切换、位置搜索API、路线规划与导航等核心功能。提供完整的开发环境配置指南，包含Key申请、依赖安装、运行调...

【腾讯位置服务开发者征文大赛】腾讯位置服务 + React Native：地图、检索、规划、导航一条龙，附可运行 Demo

【腾讯位置服务开发者征文大赛】腾讯位置服务 + React Native：地图、检索、规划、导航一条龙，附可运行 Demo

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐