[发明专利]一种基于ReactNative实现LBS的方法

摘要

本发明涉及一种基于React Native实现LBS的方法，属于移动App开发技术领域；为了解决跨手机平台的位置服务的技术问题；具体步骤包括开发者在React Native页面中引入兼容Android和IOS的封装后的网页组件，在React Native网页组件中编写脚本程序，脚本程序调用第三方平台API，第三方平台API访问终端设备的GPS，获取终端设备所在地的经纬度，实现终端设备定位，第三方平台API渲染以定位点为中心的区域地图，建立React Native与网页组件双向通讯，实现LBS定位功能；本方法在React Native框架兼容Android和iOS平台的良好特性下，使用其提供的网页组件<WebView>实现LBS功能，体现出其在项目实践中开发成本小、开发周期短、跨平台、便于维护等优点。

主权项

一种基于React Native实现LBS的方法，其特征在于，具体步骤包括：步骤a、开发者在React Native页面中引入兼容Android和IOS的封装后的网页组件；步骤b、在React Native网页组件中编写脚本程序，脚本程序调用第三方平台API，第三方平台API访问终端设备的GPS，获取终端设备所在地的经纬度，实现终端设备定位，第三方平台API渲染以定位点为中心的区域地图；步骤c、建立React Native与网页组件双向通讯，实现LBS定位功能；(1)React Native调用后台数据库获取信息数据，并将信息数据传递至网页组件；(2)网页组件通过脚本程序调用第三方平台API，脚本程序将得到的信息数据绘制成用户所用的坐标点图标以及信息窗口内容；(3)用户点击坐标点图标后，网页页面会弹出信息窗口，选择从网页组件返回React Native，实现LBS定位。