Code Monkey home page Code Monkey logo

webclient-store's Introduction

home heroImage actionText actionLink features footer
true
/logo.svg
快速上手 →
/guide/
title details
Vue/React/CommonJS
本全局通信机制兼容Vuex/Rudex,Mobx多种全局事件管理框架
title details
地图文档的集中式管理
将组件化的地图组件统一通过全局地图文档的方式来集中管理,地图文档作为唯一的入口,减少学习成本
title details
TypeScript
全部通过TypeScript实现,基本的类型检查减少BUG,对象的继承,接口的封装优化代码结构
MIT Licensed
{
    "name": "默认地图文档",  //地图文档名称
    "current": {             //当前选中图层
        "id": "治愈图层",
        "type": "VectorTile",
        "name": "治愈图层"
    },
    "backgrounds": [
        {
            "title": "浅色背景",
            "name": "MapBox浅色背景",
            "type": "BackGround",
            "tileUrl": "https://api.tiles.mapbox.com/v4/mapbox.light/{z}/{x}/{y}.png?"
        }
    ],
    "layers": [
        {
            "id": "治愈图层",
            "type": "VectorTile",
            "name": "治愈图层"
        },
        {
            "title": "组图层",
            "name": "组图层",
            "children": [
                {//childlayer1},
                {//childlayer2},
                {//childlayer3}
            ],
            "type": "GroupLayer"
        }
    ],
    //数据源
    "sources": {   
        "肺炎数据": {
            "type": "VectorTile",
            "name": "肺炎数据",
            "minZoom": 0,
            "maxZoom": 20,
            "url": "http://localhost:6163/igs/rest/mrms/tile/肺炎/{z}/{y}/{x}?type=cpbf&returnError=false"
        }
    },
    //拓展服务
    "service": {  
        "GEOJSON服务": {
            "name": "GEOJSON服务",
            "type": "igserver",
            "url": "http://localhost:6163/onemap/layer/query"
        },
        "图幅打印": {
            "ip": "localhost",
            "port": "6163",
            "user": "admin",
            "password": "sa.mapgis",
            "name": "图幅打印",
            "type": "extend",
            "url": "http://{ip}:{port}/igs/rest/mrles/OutPutPdf?"
        }
    },
    //地图渲染模式 mapboxgl/leaflet/cesium
    "maprender": "mapboxgl",  
    //地图范围
    "bounds": {               
        "west": -180,
        "north": 90,
        "east": 180,
        "south": -90
    },
    // 图例版
    "sprite": "http://localhost:6163/igs/rest/mrms/vtiles/sprite",   
    // 字体库
    "glyphs": "http://localhost:6163/igs/rest/mrms/vtiles/fonts/{fontstack}/{range}.pbf",
    // 坐标系 & 投影
    "crs": {
        "epsg": "EPSG_3857",
        "proj": "+proj=merc +k=1.0 +units=m +nadgrids=@null +wktext  +no_defs"
    }
}

webclient-store's People

Contributors

gyj12 avatar

Watchers

 avatar  avatar

Forkers

darksnowknife

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.