23
2019
04

Zooming 图片缩放插件

Zooming 是一款纯 javascript 图片缩放插件.

Zooming 是一款纯 javascript 图片缩放库,主要特点有:

16
2019
04

cesium 图层管理

我们通过layers.removeall();来去掉所有的图层;

12
2019
04

Cesium fly初始位置

var boundingSphere = new Cesium.BoundingSphere(Cesium.Cartesian3.fromDegrees(116.4, 39.9, 100), 15000);
 
// Override behavior of home button
viewer.homeButton.viewModel.command.beforeExecute.addEventListener(function(commandInfo) {
    // Fly to custom position
    viewer.camera.flyToBoundingSphere(boundingSphere);

    // Tell the home button not to do anything
    commandInfo.cancel = true;
});

// Set custom initial position
viewer.camera.flyToBoundingSphere(boundingSphere, {duration: 0});


12
2019
04

Cesium空间数据可视化

https://blog.csdn.net/happyduoduo1/article/details/51865811

cesium中定位方法使用

https://blog.csdn.net/pyx6119822/article/details/81208151

12
2019
04

Cesium 自定义 letflet风格 气泡窗口

https://blog.csdn.net/zlx312/article/details/79824940?utm_source=copy

12
2019
04

Cesium 添加3D模型

var viewer = new Cesium.Viewer('cesiumContainer');
var entity = viewer.entities.add({
    position : Cesium.Cartesian3.fromDegrees(-123.0744619, 44.0503706),
    model : {
        uri : '../Apps/SampleData/models/CesiumGround/Cesium_Ground.gltf'
    }
});
//这个是镜头追踪,将镜头固定在小车上
viewer.trackedEntity = entity;
12
2019
04

Cesium 添加点

var xuanwuhu = viewer.entities.add({
  name : 'xuanwuhu',
  position : Cesium.Cartesian3.fromDegrees(118.793091, 32.074570),
  point : {
    pixelSize : 5,
    color : Cesium.Color.RED,
    outlineColor : Cesium.Color.WHITE,
    outlineWidth : 2
  },
  label : {
    text : '玄武湖',
    font : '14pt monospace',
    style: Cesium.LabelStyle.FILL_AND_OUTLINE,
    outlineWidth : 2,
    //垂直位置
    verticalOrigin : Cesium.VerticalOrigin.BUTTON,
    //中心位置
    pixelOffset : new Cesium.Cartesian2(0, 20)
  }
});
viewer.zoomTo(xuanwuhu);


12
2019
04

cesium 监听事件

/鼠标点击事件  左键
        var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
        handler.setInputAction(function(click) {
           // 处理鼠标按下事件
           // 获取鼠标当前位置
            // console.log('1111');
            var pick = viewer.scene.pick(click.position);
            //选中某模型   pick选中的对象
            if(pick && pick.id){

            }

         }, Cesium.ScreenSpaceEventType.LEFT_DOWN);

// 鼠标滚轮事件
        handler.setInputAction(function(wheelment) {

        }, Cesium.ScreenSpaceEventType.WHEEL);

//相机移动结束事件
        viewer.scene.camera.moveEnd.addEventListener(function(){
            //获取当前相机高度
            height = Math.ceil(earth.camera.positionCartographic.height);


        })


12
2019
04

cesium创建、添加json数据

https://blog.csdn.net/qq_28459505/article/details/80402601

12
2019
04

Cesium 添加一个影像服务,控制影像服务显示范围

/**
* 添加一个影像服务,控制影像服务显示范围
* @param imageryProvider 影像服务
* @param minlat 最小纬度
* @param minlon 最小经度
* @param maxlat 最大纬度
* @param maxlon 最大经度
*/
function setLayerRectangle(imageryProvider,minlat,minlon,maxlat,maxlon){
var layers = viewer.scene.imageryLayers;  
imageryProvider.rectangle=Cesium.Rectangle.fromDegrees(minlat,minlon,maxlat,maxlon); 
//添加一个图层,在特定位置绘制一个图片  
layers.addImageryProvider(imageryProvider);
}