基于react-native，百度地图开发的记录运动轨迹的app Edit Add topics

Scott 发布于2019-08-20 17:01 / 2101人阅读

摘要：基于，百度地图开发的记录运动轨迹的在根目录执行依赖项由于我在写的时候，刚出来，本着尝鲜的冲动，用了它，导致不兼容，会报错。

reactNativeMap

基于react-native，百度地图开发的记录运动轨迹的app

start

在根目录执行npm install

依赖项：

"react": "16.0.0-alpha.6",
"react-native": "0.43.3",
"react-native-wechat": "^1.9.2",
"react-navigation": "^1.0.0-beta.7"

由于我在写的时候，0.43刚出来，本着尝鲜的冲动，用了它，导致react-navigation不兼容，会报错。这里的解决办法就是注释掉

node_modules
eact-navigationsrcviewsHeader.js

里面的第12行，如下

// import ReactComponentWithPureRenderMixin from "react/lib/ReactComponentWithPureRenderMixin";

百度地图依赖：

由于我所使用的百度地图功能，包括定位，地图，鹰眼，所以申请百度key的时候需要选择这三个，一般默认是包涵的。

百度地图的key修改位置：

androidappsrcmainAndroidManifest.xml

里面的：

微信依赖：

使用的是react-native-wechat，它的注册是在componentDidMount生命周期方法里面注册，例如：

componentDidMount() {
    WeChat.registerApp("你的微信key");
}

运行

react-native run-android

这里说明，使用android模拟器运行，会闪退，所以建议在真机上运行。

最后

github地址

GPU云服务器云服务器 java写的百度地图基于c语言的记录本基于java的java开发基于javascript的webgis开发

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83328.html

通过Weex 300行代码开发一款简易的跑步App

摘要：你就可以在目录下用或者开发应用代码了设计原理结合了高德地图多个功能，比如定位，地图缩放，绘制折现，进行点的标记等常用功能。文件源代码打包运行开发完毕后，我们可以运行命令，让它安装到我们的测试手机上。 Weex正如它的目标，一套构建高性能、可扩展的原生应用的跨平台开发方案 Weex 给大家带来的无疑是客户端开发效率的提升，我们可以通过一套代码，实现web，android, iOS的三个...

isaced 2019-08-20 15:31 评论0 收藏0
canvas动画—圆形扩散、运动轨迹

摘要：介绍在中看到过这种圆形扩散效果，类似，刚好项目中想把它用上，我又不想引入整个文件，更重要的是想弄明白它的原理，所以自己动手。介绍在ECharts中看到过这种圆形扩散效果，类似css3，刚好项目中想把它用上，but我又不想引入整个echart.js文件，更重要的是想弄明白它的原理，所以自己动手。在这篇文章中我们就来分析实现这种效果的两种方法，先上效果图：showImg(https:/...

paraller 2019-08-21 15:20 评论0 收藏0
慕课网_《如何使用高德云图在线制作属于你的地图》学习总结

摘要：时间年月日星期日说明本文部分内容均来自慕课网。用户可以在服务器端调用云存储云检索从而构建自己的存储和检索服务，甚至可以制作自己的数据管理台。时间：2017年08月13日星期日说明：本文部分内容均来自慕课网。@慕课网：http://www.imooc.com教学源码：无学习源码：https://github.com/zccodere/s... 第一章：云图产品介绍 1-1 云图产品介绍...

k00baa 2019-08-16 10:39 评论0 收藏0
慕课网_《如何使用高德云图在线制作属于你的地图》学习总结

摘要：时间年月日星期日说明本文部分内容均来自慕课网。用户可以在服务器端调用云存储云检索从而构建自己的存储和检索服务，甚至可以制作自己的数据管理台。时间：2017年08月13日星期日说明：本文部分内容均来自慕课网。@慕课网：http://www.imooc.com教学源码：无学习源码：https://github.com/zccodere/s... 第一章：云图产品介绍 1-1 云图产品介绍...

afishhhhh 2019-08-22 10:53 评论0 收藏0