Làm cách nào để đặt tọa độ tại đó Caesium.Viewer được căn giữa?


10

Trong hướng dẫn chính thức của CaesarJS có một HelloWorldứng dụng mẫu , hiển thị trình xem bản đồ.

Khi người dùng mở trang, tôi muốn quả cầu được đặt ở giữa trên một điểm nhất định và với một mức thu phóng nhất định:

Ảnh chụp màn hình

Làm thế nào tôi có thể đạt được điều này?

Tôi giả định rằng nó có thể được cấu hình thông qua Cesium.Viewercác tham số của hàm tạo (như timelinebên dưới), nhưng không tìm thấy chúng trong tham chiếu .

<body>
  <div id="cesiumContainer"></div>
  <script>
    var viewer = new Cesium.Viewer('cesiumContainer', 
      {
        timeline: false,
        animation: false
      });
  </script>
</body>
</html>

Câu trả lời:


5

Bạn có thể đặt chế độ xem camera "mặc định" trước khi xây dựng tiện ích Trình xem và điều này được sử dụng cho cả chế độ xem ban đầu và cho chế độ xem nút "Trang chủ". Đặt điều này bằng cách sử dụng các thuộc tính tĩnh DEFAULT_VIEW_FACTOR và DEFAULT_VIEW_RECTANGLE trên lớp Camera ( tài liệu tham khảo ), như sau:

var west = 122.0;
var south = 33.0;
var east = 130.0;
var north = 47.0;

var rectangle = Cesium.Rectangle.fromDegrees(west, south, east, north);

Cesium.Camera.DEFAULT_VIEW_FACTOR = 0;
Cesium.Camera.DEFAULT_VIEW_RECTANGLE = rectangle;

// NOTE: Viewer constructed after default view is set.
var viewer = new Cesium.Viewer('cesiumContainer');

Cũng lưu ý rằng Bản trình diễn máy ảnh Sand lâu đài cho thấy một số cách để bay hoặc chụp máy ảnh đến các vị trí trong thời gian chạy, sau khi xây dựng. Sử dụng bộ chọn hộp thả xuống (phía trên bên trái của địa cầu) để xem các tùy chọn khác nhau ở đó.


7

Nếu bạn đã tạo trình xem, bạn có thể đặt mã này sau khi tạo trình xem đó, để tạo thu phóng cho Kinh độ, Vĩ độ cụ thể.

var center = Cesium.Cartesian3.fromDegrees(-82.5, 35.3);
viewer.camera.lookAt(center, new Cesium.Cartesian3(0.0, 0.0, 4200000.0));

Và nếu bạn đặt thuật ngữ thứ 3 trong dòng thứ 2, 32500000.0bạn sẽ ở xa hơn, tương tự như hiệu ứng của nút home. Vì vậy, hãy thử thay đổi thuật ngữ thứ 3 để có được mức thu phóng bạn muốn.


Điều đó dường như làm rối con chuột cho tôi để panning di chuyển toàn cầu về điểm trung tâm mới.
Richard
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.