supermap的IClientForJavaScript实现的车辆历史行动轨时序显示功能

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="utf-8"%>
<%@ include file="/html/common/taglibs.jsp"%>
<%@ include file="/html/common/meta.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="${ctx}/css/map.css" />
<style>
.toolbar {
width: auto;
height: 30px;
position: absolute;
z-index: 1;
right: 50px;
top: 10px;
border: 0px;
}
</style>
<script src="${ctx}/js/supermap/libs/SuperMap.Include.js"></script>
<script type="text/javascript">
var map; //地图对象
var layer; //图层
var vectorLayer; //
var select;  //选择点
var popup = new SuperMap.Popup.FramedCloud(); //气泡
var level = 3; //地图初始化时显示级别
var lng = 122;
var lat = 23;
var name = "test";
var iservername = "World";
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
SuperMap是一款专业的GIS软件,而Cesium是一个开源的WebGL地球仪库,两者结合可以实现很多GIS应用,包括聚合效果。 要实现聚合效果,首先需要获取要聚合的点的位置信息,并将其转换成Cesium的Entity对象。然后,可以使用Cesium的Cluster绘制器,将这些Entity对象聚合成一个新的Entity对象,作为聚合后的点。聚合器可以根据需要配置,调整聚合的距离、样式等参数。 以下是一个简单的示例代码,演示如何使用SuperMap和Cesium实现聚合效果: ```javascript // 初始化SuperMap地图 var map = new SuperMap.Map("mapDiv"); var layer = new SuperMap.Layer.TiledDynamicRESTLayer("World", "http://localhost:8090/iserver/services/map-World/rest/maps/World"); map.addLayer(layer); map.zoomToMaxExtent(); // 获取要聚合的点的位置信息 var markers = [ {lon: 116.397128, lat: 39.916527}, {lon: 116.407128, lat: 39.926527}, {lon: 116.417128, lat: 39.936527}, // ... ]; // 将点转换成Cesium的Entity对象 var entities = markers.map(function(marker) { return new Cesium.Entity({ position: Cesium.Cartesian3.fromDegrees(marker.lon, marker.lat), // 其他属性,如名称、图标等 }); }); // 创建聚合器 var cluster = new Cesium.Cluster({ pixelRange: 50, // 聚合距离 minimumClusterSize: 3, // 最小聚合数量 enabled: true, // 是否启用聚合 // 聚合点的样式 clusterBillboard: new Cesium.BillboardGraphics({ image: 'img/cluster.png', horizontalOrigin: Cesium.HorizontalOrigin.CENTER, verticalOrigin: Cesium.VerticalOrigin.CENTER }) }); // 将点添加到聚合器中 cluster.add(entities); // 将聚合后的点添加到Cesium场景中 var viewer = new Cesium.Viewer('cesiumContainer'); viewer.scene.primitives.add(cluster.getPrimitive()); ``` 上述代码中,首先初始化了一个SuperMap地图,并获取了要聚合的点的位置信息。然后,将这些点转换成Cesium的Entity对象,并使用Cluster绘制器将它们聚合成一个新的Entity对象。最后,将聚合后的点添加到Cesium场景中显示出来。 需要注意的是,上述代码中的示例仅供参考,实际应用中需要根据具体需求进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值