原有系统是使用 gulp-webapp + amap LBS 写的,现在需要重构业务代码。在这里开个帖子记录项目流水吧。
现在已经做了的
- 使用 react-fullstact 构建项目框架
- 了解 上述 框架中的各种工具( React.js, Express, Flux, ES6+, JSX, Babel, PostCSS, Webpack, BrowserSync)
- 结合业务系统,将原业务系统划分组件
原有系统是使用 gulp-webapp + amap LBS 写的,现在需要重构业务代码。在这里开个帖子记录项目流水吧。
现在已经做了的
react与amap结合这个手头的项目正好有做,但系统对gis的需求比较边缘……很多可以预见的坑(主要是封装相关的)都避开了
我们遇到的一个主要问题是加载,AMAP和其它地图一样,先加载的都是loader文件,因此判断script文件的加载状态没用。由于地图是边缘需求,全局加载也不划算。
后来我们把加载AMAP的行为封装成了一个promise,用轮询判断AMAP加载状态,成功就resolve,调用函数都放到AMapLoader.load().then((AMAP)=>{/* logic here*/})