Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @supermap/iclient-openlayers with all npm packages installed. Try it out:

var iclientOpenlayers = require("@supermap/iclient-openlayers")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@supermap/iclient-openlayers v10.0.0


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




 npm install @supermap/iclient-openlayers


在 HTML 文件中引入 CSS 文件

<link href='' rel='stylesheet' />

<link href='' rel='stylesheet' />

在 JS 文件中加入如下代码

import ol from 'openlayers';
import {Logo, TileSuperMapRest} from '@supermap/iclient-openlayers';

var url = "";
var map = new ol.Map({
    target: 'map',
    controls: ol.control.defaults({attributionOptions: {collapsed: false}})
        .extend([new Logo()]),
    view: new ol.View({
        center: [0, 0],
        zoom: 2,
        projection: 'EPSG:4326'
var layer = new ol.layer.Tile({
    source: new TileSuperMapRest({
        url: url,
        wrapX: true
    projection: 'EPSG:4326'


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free