<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="initial-scale=1,maximum-scale=1,user-scalable=no"
/>
<link
href="http://bigemap.com:9000/bigemap-gl.js/v1.1.0/Widgets/widgets.css"
rel="stylesheet"
/>
<script src="http://bigemap.com:9000/bigemap-gl.js/v1.1.0/bigemap-gl.js"></script>
<script src="/offline_data/renderWave.js"></script>
<style>
body {
margin: 0;
padding: 0;
}
#container {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
.bmgl-widget-credits {
display: none;
}
</style>
<title>Google Map Streets</title>
</head>
<body>
<div id="container"></div>
<script>
bmgl.Config.HTTP_URL = "http://bigemap.com:9000";
var viewer = new bmgl.Viewer("container", {
mapId: "bigemap.zhongkexingtu",
});
var wave = viewer.entities.add({
position: bmgl.Cartesian3.fromDegrees(104,30),
id:"radar",
name: "波纹雷达效果",
ellipse: {
semiMajorAxis: 1000.0,
semiMinorAxis: 1000.0,
material: new bmgl.RadarWaveMaterialProperty({
color: bmgl.Color.fromCssColorString("#59acff"),
speed: 20.0,
}),
},
});
viewer.zoomTo(wave);
// setTimeout(()=>{
// //移除波纹雷达效果
// var re = viewer.entities.getById("radar")
// viewer.entities.remove(re);
// },8000)
</script>
</body>
</html>
源码