可以直接叠加显示在一起,可以参考示例查看效果,这边使用了天地图(经纬度)、京津地区人口分布图_专题图(4326坐标)
<!--******************************************************************** * Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved. *********************************************************************--> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title data-i18n="resources.title_tiandituLayer_ll"></title> <script type="text/javascript" src="../js/include-web.js"></script> <script type="text/javascript" src="../../dist/ol/include-ol.js"></script> </head> <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%; position: absolute;top: 0;"> <div id="map" style="width: 100%;height:100%"></div> <script type="text/javascript"> var urlJinjing = (window.isLocal ? window.server : "https://iserver.supermap.io")+"/iserver/services/map-jingjin/rest/maps/京津地区人口分布图_专题图"; var map = new ol.Map({ target: 'map', controls: ol.control.defaults({attributionOptions: {collapsed: false}}) .extend([new ol.supermap.control.Logo()]), view: new ol.View({ center: [0,0], zoom: 1, projection: "EPSG:4326", multiWorld: true }), layers: [new ol.layer.Tile({ source: new ol.source.Tianditu({ key: "1d109683f4d84198e37a38c442d68311", projection: "EPSG:4326" }) }), new ol.layer.Tile({ source: new ol.source.Tianditu({ key: "1d109683f4d84198e37a38c442d68311", isLabel: true, projection: "EPSG:4326" }) })] }); var jinJingLayer = new ol.layer.Tile({ source: new ol.source.TileSuperMapRest({ url: urlJinjing, origin: [-180, 90], transparent: true }), projection: 'EPSG:4326' }); map.addLayer(jinJingLayer); </script> </body> </html>