@supermap/iclient-ol

    11.0.0-beta • Public • Published

    @supermap/iclient-ol

    @supermap/iclient-ol 是一套基于 OpenLayers 的云 GIS 网络客户端开发平台, 支持访问 SuperMap iServer / iEdge / iPortal / iManager / Online 的地图、服务和资源,为用户提供了完整专业的 GIS 能力, 同时提供了优秀的可视化功能。

    简介

    安装

     npm install @supermap/iclient-ol
    

    如果您使用的是 OpenLayers 4,请参考此文档安装 SuperMap iClient for OpenLayers。

    开发

    在 HTML 文件中引入 CSS 文件

    <link href='https://iclient.supermap.io/web/libs/openlayers/6.1.1/ol.css' rel='stylesheet' />
    
    <link href='https://iclient.supermap.io/dist/ol/iclient-ol.min.css' rel='stylesheet' />

    在 JS 文件中加入如下代码

    import Map from 'ol/Map';
    import View from 'ol/View';
    import TileLayer from 'ol/layer/Tile';
    import * as control from 'ol/control';    
    import { Logo, TileSuperMapRest } from '@supermap/iclient-ol';
    
    var url = "https://iserver.supermap.io/iserver/services/map-world/rest/maps/World";
    var map = new Map({
        target: 'map',
        controls: control.defaults({attributionOptions: {collapsed: false}})
            .extend([new Logo()]),
        view: new View({
            center: [0, 0],
            zoom: 2,
            projection: 'EPSG:4326'
        })
    });
    var layer = new TileLayer({
        source: new TileSuperMapRest({
            url: url,
            wrapX: true
        }),
        projection: 'EPSG:4326'
    });
    map.addLayer(layer);

    示例

    https://github.com/SuperMap/iClient-JavaScript/tree/master/examples/openlayers

    Install

    npm i @supermap/iclient-ol

    DownloadsWeekly Downloads

    122

    Version

    11.0.0-beta

    License

    Apache-2.0

    Unpacked Size

    12.9 MB

    Total Files

    87

    Last publish

    Collaborators

    • supermap