"use script"; //开发环境建议开启严格模式
|
(function (window, mars3d) {
|
//创建widget类，需要继承BaseWidget
|
class MyWidget extends mars3d.widget.BaseWidget {
|
//初始化[仅执行1次]
|
create() {
|
//创建Graphic图层
|
var graphicLayer = new mars3d.layer.GraphicLayer({
|
name: this.config.name,
|
pid: 99, //图层管理 中使用，父节点id
|
});
|
this.graphicLayer = graphicLayer;
|
|
var center = Cesium.Cartesian3.fromDegrees(117.257436, 31.838742, 1);
|
|
var graphic = new mars3d.graphic.CircleEntity({
|
name: "合肥市",
|
position: center,
|
style: {
|
radius: 50000.0,
|
material: new mars3d.material.CircleWaveMaterialProperty({
|
color: Cesium.Color.fromCssColorString("#ff0000"),
|
count: 2, //单个圆圈
|
speed: 20, //速度，建议取值范围1-100
|
}),
|
},
|
});
|
graphicLayer.addGraphic(graphic);
|
|
var cities = [
|
{ name: "六安市", lon: 116.3123, lat: 31.8329 },
|
{ name: "安庆市", lon: 116.7517, lat: 30.5255 },
|
{ name: "滁州市", lon: 118.1909, lat: 32.536 },
|
{ name: "宣城市", lon: 118.8062, lat: 30.6244 },
|
{ name: "阜阳市", lon: 115.7629, lat: 32.9919 },
|
{ name: "宿州市", lon: 117.5208, lat: 33.6841 },
|
{ name: "黄山市", lon: 118.0481, lat: 29.9542 },
|
{ name: "巢湖市", lon: 117.7734, lat: 31.4978 },
|
{ name: "亳州市", lon: 116.1914, lat: 33.4698 },
|
{ name: "池州市", lon: 117.3889, lat: 30.2014 },
|
{ name: "蚌埠市", lon: 117.4109, lat: 33.1073 },
|
{ name: "芜湖市", lon: 118.3557, lat: 31.0858 },
|
{ name: "淮北市", lon: 116.6968, lat: 33.6896 },
|
{ name: "淮南市", lon: 116.7847, lat: 32.7722 },
|
{ name: "马鞍山市", lon: 118.6304, lat: 31.5363 },
|
{ name: "铜陵市", lon: 117.9382, lat: 30.9375 },
|
];
|
|
var lineMaterial = mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, {
|
image: "img/textures/lineClr.png",
|
color: new Cesium.Color(255 / 255, 201 / 255, 38 / 255, 1),
|
speed: 10, //速度，建议取值范围1-100
|
});
|
for (var i = 0; i < cities.length; i++) {
|
var item = cities[i];
|
var thisPoint = Cesium.Cartesian3.fromDegrees(item.lon, item.lat, 1);
|
var positions = mars3d.PolyUtil.getLinkedPointList(center, thisPoint, 40000, 100); //计算曲线点
|
|
console.log(positions)
|
|
var primitive = new mars3d.graphic.PolylinePrimitive({
|
positions: positions,
|
style: {
|
width: 2,
|
material: lineMaterial, //动画线材质
|
},
|
});
|
primitive.bindPopup(`合肥 - ${item.name}`);
|
graphicLayer.addGraphic(primitive);
|
}
|
}
|
//打开激活
|
activate() {
|
this.map.addLayer(this.graphicLayer);
|
|
this.graphicLayer.flyTo();
|
}
|
//关闭释放
|
disable() {
|
this.map.removeLayer(this.graphicLayer);
|
}
|
}
|
|
//注册到widget管理器中。
|
mars3d.widget.bindClass(MyWidget);
|
|
//每个widet之间都是直接引入到index.html中，会存在彼此命名冲突，所以闭包处理下。
|
})(window, mars3d);
|
