openlayer載入WMS圖層例子（LAYERS對應值填的是name屬性）
阿新 • • 發佈：2018-12-30
<!DOCTYPE html> <html> <head> <title>Tiled WMS</title> <link rel="stylesheet" href="https://openlayers.org/en/v4.0.1/css/ol.css" type="text/css"> <!-- The line below is only needed for old environments like Internet Explorer and Android 4.x --> <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script> <script src="https://openlayers.org/en/v4.0.1/build/ol.js"></script> </head> <body> <div id="map" class="map"></div> <script> var layers = [ new ol.layer.Tile({ source: new ol.source.XYZ({ url: 'http://t3.tianditu.com/DataServer?T=vec_c&x={x}&y={y}&l={z}', projection:"EPSG:4326" }) }), new ol.layer.Tile({ //extent: [117.909832, 24.427347, 118.346327, 24.792678], source: new ol.source.TileWMS({ url: 'http://192.168.202.63:6080/arcgis/services/XFZDFHDW/MapServer/WMSServer', params: { 'LAYERS': '0', 'singleTile': true } }) }) ]; var map = new ol.Map({ layers: layers, target: 'map', view: new ol.View({ center: [118, 24.5], zoom: 12, projection: "EPSG:4326" }) }); </script> </body> </html>