瀏覽代碼

add raster tile layer demo

tags/3.2.0
cavencj 2 年之前
父節點
當前提交
2f0c468437
共有 5 個文件被更改,包括 105 次插入42 次删除
  1. 1
    0
      .gitignore
  2. 58
    0
      examples/layer/raster_tile.html
  3. 6
    2
      examples/list.js
  4. 39
    39
      gulpfile.js
  5. 1
    1
      package.json

+ 1
- 0
.gitignore 查看文件

@@ -15,3 +15,4 @@ docs/.vitepress/cache
*.njsproj
package-lock.json
.DS_Store
.history

+ 58
- 0
examples/layer/raster_tile.html 查看文件

@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>dc-example</title>
<script src="/libs/dc-sdk/dc.min.js"></script>
<link href="/libs/dc-sdk/dc.min.css" type="text/css" rel="stylesheet" />
<link href="../index.css" type="text/css" rel="stylesheet" />
</head>

<body>
<div id="viewer-container" class="viewer-container"></div>
<script>
let viewer = undefined

function initViewer() {
viewer = new DC.Viewer('viewer-container')
let baseLayer = DC.ImageryLayerFactory.createImageryLayer(
DC.ImageryType.AMAP
)

viewer.addBaseLayer(baseLayer, {
iconUrl: '../assets/icon/elec.png',
name: '电子',
})

let baseLayer_img = DC.ImageryLayerFactory.createImageryLayer(
DC.ImageryType.AMAP,
{ style: 'img' }
)

viewer.addBaseLayer(baseLayer_img, {
iconUrl: '../assets/icon/img.png',
name: '影像',
})

let layer = new DC.RasterTileLayer(
'layer',
DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.WMS, {
url: 'https://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r.cgi?',
layers: 'nexrad-n0r',
parameters: {
transparent: 'true',
format: 'image/png',
},
})
)

viewer.addLayer(layer)
}

DC.ready({
baseUrl: '../libs/dc-sdk/resources/',
}).then(initViewer)
</script>
</body>
</html>

+ 6
- 2
examples/list.js 查看文件

@@ -233,6 +233,10 @@ const EXAMPLE_LIST = [
name: '经纬网格图层',
page: 'graticule.html',
},
{
name: '栅格瓦片图层(数据图层)',
page: 'raster_tile.html',
},
],
},
{
@@ -398,7 +402,7 @@ const EXAMPLE_LIST = [
{
name: '动态图标',
page: 'dynamic_billboard.html',
}
},
],
},
{
@@ -677,4 +681,4 @@ const EXAMPLE_LIST = [
},
],
},
]
]``

+ 39
- 39
gulpfile.js 查看文件

@@ -331,43 +331,7 @@ async function regenerate(option, content) {
await buildCSS()
}

export const build = gulp.series(
() => buildNamespace({ node: true }),
() => buildModules({ node: true }),
() => combineJs({ node: true }),
() => buildNamespace({ iife: true }),
() => buildModules({ iife: true }),
() => combineJs({ iife: true }),
buildCSS,
copyAssets
)

export const buildNode = gulp.series(
() => buildNamespace({ node: true }),
() => buildModules({ node: true }),
() => combineJs({ node: true }),
buildCSS,
copyAssets
)

export const buildIIFE = gulp.series(
() => buildNamespace({ iife: true }),
() => buildModules({ iife: true }),
() => combineJs({ iife: true }),
buildCSS,
copyAssets
)

export const buildRelease = gulp.series(
() => buildNamespace({ node: true }),
() => buildModules({ node: true }),
() => combineJs({ node: true, obfuscate: true }),
() => buildNamespace({ iife: true }),
() => buildModules({ iife: true }),
() => combineJs({ iife: true, obfuscate: true }),
buildCSS,
copyAssets
)
export const server = gulp.series(startServer)

export const dev = gulp.series(
() => buildNamespace({ dev: true }),
@@ -392,7 +356,7 @@ export const dev = gulp.series(
await regenerate({ iife: true }, content)
shell.echo(
chalk.green(
`regenerate lib takes ${new Date().getTime() - now.getTime()} ms`
`regenerate lib takes ${new Date().getTime() - now.getTime()} ms`
)
)
})
@@ -401,4 +365,40 @@ export const dev = gulp.series(
}
)

export const server = gulp.series(startServer)
export const buildNode = gulp.series(
() => buildNamespace({ node: true }),
() => buildModules({ node: true }),
() => combineJs({ node: true }),
buildCSS,
copyAssets
)

export const buildIIFE = gulp.series(
() => buildNamespace({ iife: true }),
() => buildModules({ iife: true }),
() => combineJs({ iife: true }),
buildCSS,
copyAssets
)

export const build = gulp.series(
() => buildNamespace({ node: true }),
() => buildModules({ node: true }),
() => combineJs({ node: true }),
() => buildNamespace({ iife: true }),
() => buildModules({ iife: true }),
() => combineJs({ iife: true }),
buildCSS,
copyAssets
)

export const buildRelease = gulp.series(
() => buildNamespace({ node: true }),
() => buildModules({ node: true }),
() => combineJs({ node: true, obfuscate: true }),
() => buildNamespace({ iife: true }),
() => buildModules({ iife: true }),
() => combineJs({ iife: true, obfuscate: true }),
buildCSS,
copyAssets
)

+ 1
- 1
package.json 查看文件

@@ -67,7 +67,7 @@
"shelljs": "^0.8.5",
"supercluster": "^8.0.1",
"vinyl-sourcemaps-apply": "^0.2.1",
"vitepress": "^1.0.0-beta.7"
"vitepress": "^1.0.0-rc.4"
},
"files": [
"dist"

Loading…
取消
儲存