React + 高德 lbs 项目开发及其中问题的记录

#1

原有系统是使用 gulp-webapp + amap LBS 写的,现在需要重构业务代码。在这里开个帖子记录项目流水吧。

现在已经做了的

  1. 使用 react-fullstact 构建项目框架
  2. 了解 上述 框架中的各种工具( React.js, Express, Flux, ES6+, JSX, Babel, PostCSS, Webpack, BrowserSync)
  3. 结合业务系统,将原业务系统划分组件
#2

期待睬坑的记录,后期也会用react与amap结合

#3

react与amap结合这个手头的项目正好有做,但系统对gis的需求比较边缘……很多可以预见的坑(主要是封装相关的)都避开了
我们遇到的一个主要问题是加载,AMAP和其它地图一样,先加载的都是loader文件,因此判断script文件的加载状态没用。由于地图是边缘需求,全局加载也不划算。
后来我们把加载AMAP的行为封装成了一个promise,用轮询判断AMAP加载状态,成功就resolve,调用函数都放到AMapLoader.load().then((AMAP)=>{/* logic here*/})

#4

多谢分享@kpaxqin 正在开发过程中,封装的确不是件容易的事儿。