代码拉取完成,页面将自动刷新
@supermapgis/iclient-ol 是一套基于 OpenLayers 的云 GIS 网络客户端开发平台, 支持访问 SuperMap iServer / iEdge / iPortal / iManager / Online 的地图、服务和资源,为用户提供了完整专业的 GIS 能力, 同时提供了优秀的可视化功能。
npm install @supermapgis/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 '@supermapgis/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
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。