<template>
|
<div></div>
|
</template>
|
|
<script>
|
let viewer = undefined
|
|
function generatePosition (num) {
|
var list = []
|
for (var i = 0; i < num; i++) {
|
var lng = 120.38105869 + Math.random() * 0.5
|
var lat = 31.10115627 + Math.random() * 0.5
|
list.push(new global.DC.Position(lng, lat))
|
}
|
return list
|
}
|
|
function initViewer () {
|
viewer = new global.DC.Viewer('viewer-container')
|
let baselayer = global.DC.ImageryLayerFactory.createAmapImageryLayer()
|
viewer.addBaseLayer(baselayer)
|
let layer = new global.DC.ClusterLayer('layer')
|
|
viewer.addLayer(layer)
|
let positions = generatePosition(10000)
|
positions.forEach(item => {
|
let billboard = new global.DC.Billboard(item, 'examples/images/icon/camera.png')
|
billboard.attrParams = {
|
name: '中国' + Math.random(),
|
alt: 2000
|
}
|
layer.addOverlay(billboard)
|
})
|
|
viewer.on(global.DC.MouseEventType.CLICK, (e) => {
|
console.log(e)
|
|
e.target.id.length > 0 && e.target.id.forEach(item => {
|
console.log(layer.getOverlay(item.overlayId), 'id99999999999')
|
})
|
})
|
viewer.flyTo(layer)
|
}
|
global.DC.ready(initViewer)
|
|
export default {
|
|
}
|
</script>
|
|
<style></style>
|
