Browse Source

add raster tile layer demo

tags/3.2.0
cavencj 2 years ago
parent
commit
2f0c468437
5 changed files with 105 additions and 42 deletions
  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 View File

*.njsproj *.njsproj
package-lock.json package-lock.json
.DS_Store .DS_Store
.history

+ 58
- 0
examples/layer/raster_tile.html View File

<!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 View File

name: '经纬网格图层', name: '经纬网格图层',
page: 'graticule.html', page: 'graticule.html',
}, },
{
name: '栅格瓦片图层(数据图层)',
page: 'raster_tile.html',
},
], ],
}, },
{ {
{ {
name: '动态图标', name: '动态图标',
page: 'dynamic_billboard.html', page: 'dynamic_billboard.html',
}
},
], ],
}, },
{ {
}, },
], ],
}, },
]
]``

+ 39
- 39
gulpfile.js View File

await buildCSS() 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( export const dev = gulp.series(
() => buildNamespace({ dev: true }), () => buildNamespace({ dev: true }),
await regenerate({ iife: true }, content) await regenerate({ iife: true }, content)
shell.echo( shell.echo(
chalk.green( chalk.green(
`regenerate lib takes ${new Date().getTime() - now.getTime()} ms`
`regenerate lib takes ${new Date().getTime() - now.getTime()} ms`
) )
) )
}) })
} }
) )


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 View File

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

Loading…
Cancel
Save