js室内地图开发_如何组件化开发WebGIS系统

最新推荐文章于 2024-08-25 07:03:19 发布

浅笑安羊

最新推荐文章于 2024-08-25 07:03:19 发布

阅读量382

点赞数

文章标签： js室内地图开发

本文链接：https://blog.csdn.net/weixin_30252651/article/details/112467379

版权

本文介绍了如何组件化开发WebGIS系统，强调了后端Restful接口设计和地图工具组件化的重要性。通过封装地图库和开发通用组件，提高了开发效率，使得创建WebGIS系统的基础功能变得快速且便捷。

摘要由CSDN通过智能技术生成

本文同发于本人博客：http://giscafer.com/2017/01/10/modularization-webgis/

先啰嗦两句

前面聊过《探讨如何使用流行的前端技术开发WebGIS系统》，本篇基于此继续介绍。

不用再讨论兼容IE6，7了，2017年，没人再用了。。。。哈哈哈

本人目前正业余开发一套框架，后端Java框架 + 前端Angular + 个人封装的 UI + 个人封装的地图组件，东西很多，一个人搞，这是一个漫长的过程。这也是为什么最近再Github上如此活跃的原因，也因为最近一段时间没加过班。。。除了玩游戏就只能写代码了。。

=>giscafer (Nickbing Lao)

一、后端完善的Restful接口设计有利前端组件封装

比如知乎的文章链接

https://zhuanlan.zhihu.com/p/24780835

可以看作一个GET请求，接口p，参数为24780835。这个接口可以查所有文章。

做WebGIS系统，后端框架，接口设计好用，能提升前端开发的效率，并且可以针对接口封装一些增删改查的组件，在angular里边，你可以封装成指令或者是controller，然后其他业务controller集成此类，就继承了该类的所有方法了。比如应用里边我封装了增删改查的操作，只要是单表的CRUD（增查改删），完全不需要写多余的CRUD代码，只需要修改一下HTML和传参。如下代码可以改为一个通用的父类Controller。

/**
 * Test controller
 */

import popFormCtrl from './popForm.ctrl.js';
import popFormTemp from './popForm.html';
export default class TestCtrl {
    

    // dataServiceSrv, uiNotification为依赖注入服务，其中uiNotification为laoui封装ui控件
    constructor($scope, dataServiceSrv, uiNotification, $uiModal) {
    
        "ngInject";//ES6写angularjs指定写法；作用是依赖注入上边的$scope, dat