Bagaimana cara mengatur koordinat di mana Cesium.Viewer berada di tengah?


10

Dalam tutorial resmi CesiumJS ada contoh HelloWorldaplikasi, yang menunjukkan penampil peta.

Saat pengguna membuka halaman, saya ingin bola dunia berada di atas titik tertentu dan dengan zoom tertentu:

Tangkapan layar

Bagaimana saya bisa mencapai ini?

Saya berasumsi bahwa itu dapat dikonfigurasi melalui Cesium.Viewerparameter konstruktor (seperti di timelinebawah), tetapi tidak menemukannya dalam referensi .

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

Jawaban:


5

Anda dapat mengatur tampilan kamera "default" sebelum membuat widget Penampil, dan ini digunakan baik untuk tampilan awal maupun untuk tampilan tombol "Rumah". Setel ini menggunakan properti statis DEFAULT_VIEW_FACTOR dan DEFAULT_VIEW_RECTANGLE pada kelas Kamera ( referensi dokumen ), seperti ini:

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');

Juga perhatikan bahwa Demo Kamera Sandcastle menunjukkan sejumlah cara untuk terbang atau memotret kamera ke lokasi saat runtime, setelah konstruksi. Gunakan pemilih kotak drop-down (kiri atas globe) untuk melihat berbagai opsi di sana.


7

Jika Anda telah membuat penampil, Anda dapat menempatkan kode ini setelah pembuatan penampil itu, untuk membuat zoom ke Longitude, Latitude tertentu.

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

Dan jika Anda mengatur istilah ke-3 di baris ke-2 maka 32500000.0Anda akan semakin jauh, mirip dengan efek tombol home. Jadi, cobalah memvariasikan istilah ke-3 untuk mendapatkan zoom yang Anda inginkan.


Itu tampaknya mengacaukan mouse untuk saya sehingga panning menggerakkan bola dunia tentang titik tengah yang baru.
Richard
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.