【问题标题】:Show current location in Cesium在铯中显示当前位置
【发布时间】:2021-08-26 06:01:54
【问题描述】:

我正在使用铯映射

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Draw</title>
  <script src="../../Cesium/Cesium.js"></script>
  <style>
    @import url(../../Cesium/Widgets/widgets.css);
    html, body, #cesiumContainer {
        width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
    }
  </style>
</head>
<body>
  <div id="cesiumContainer"></div>
  <script>
    Cesium.BingMapsApi.defaultKey = 'XXXXXXXXXX';
  var viewer = new Cesium.Viewer('cesiumContainer', {infoBox : false, selectionIndicator : false });
  var color;
  var camera = viewer.camera;
  var polyline;
  var drawing = false;
  var positions = [];
  var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
  handler.setInputAction(
      function (click) {
          if (drawing) {
              color.alpha = 0.6;
              viewer.entities.add({
                  polygon: {
                      hierarchy : {
                          positions : positions
                      },
                      material : color,
                      outline : true
                  }
              });
              viewer.entities.remove(polyline);
              positions = [];
          } else {
              color = Cesium.Color.fromRandom({alpha : 1.0});
              polyline = viewer.entities.add({
                  polyline : {
                    positions : new Cesium.CallbackProperty(function(){
                      return positions;
                    }, false),
                    material : color
                  }
              });
          }
          drawing = !drawing;
      },
      Cesium.ScreenSpaceEventType.LEFT_CLICK
  );

  handler.setInputAction(
      function (movement) {
          var surfacePosition = camera.pickEllipsoid(movement.endPosition);
          if (drawing && Cesium.defined(surfacePosition)) {
              positions.push(surfacePosition);
          }
      },
      Cesium.ScreenSpaceEventType.MOUSE_MOVE
  );
  
  camera.flyTo({destination: Cesium.Cartesian3.fromDegrees(-100, 40, 10000)});

  </script>
</body>
</html>

我想在地图上显示当前位置,它应该从用户访问地图的位置缩放该位置。铯可以吗,谢谢

【问题讨论】:

    标签: cesium


    【解决方案1】:

    可能。 这是Sandcastle link

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-10-01
      • 2021-11-11
      • 2018-08-23
      • 1970-01-01
      • 1970-01-01
      • 2015-08-09
      • 1970-01-01
      • 2014-10-16
      相关资源
      最近更新 更多