세슘에서 줌이 명확하지 않습니다

debugcn 에 게시 Dev

사용자 8497764

특정 국가로 확대 / 축소 할 수있는 버튼을 만들었습니다. 그러나 버튼을 클릭하면 싱가포르는 싱가포르로 이동하지만 싱가포르 국가를 정확히 볼 수 없습니다.

그래서 더 나은 이미지를 원했습니다.

다음은 내 코드입니다.

<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Use correct character set. -->
  <meta charset="utf-8">
  <!-- Tell IE to use the latest, best version. -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- Make the application on mobile take up the full browser screen and disable user scaling. -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <title>My Work</title>
  <script src="../Build/Cesium/Cesium.js">

  </script>
  <style>
      @import url(../Build/Cesium/Widgets/widgets.css);
      html, body, #cesiumContainer {
          width: 98%; height: 98%; margin: 0; padding: 0; overflow: hidden;
      }
  </style>
</head>
<body>

  <div id="cesiumContainer">
    <button type="button" class="cesium-button" onclick = "zoomToSingapore();" data-toggle="tooltip" data-placement="bottom" title="Please click me if you want to zoom to Singapore">Zoom To Singapore</button>
    <button type="button" class="cesium-button" onclick = "zoomToMalaysia();" data-toggle="tooltip" data-placement="bottom" title="Please click me if you want to zoom to Malaysia">Zoom To Malaysia</button>
  </div>
  <div id="cesiumContainer" style="position:absolute;top:24px;right:24px;width:38px;height:38px;"></div>
  <script>

    viewer = new Cesium.Viewer('cesiumContainer', {
        timeline: false,
        navigationHelpButton: false,
        infoBox: false
    });
    function zoomToSingapore()
    {
        var singapore = Cesium.Cartesian3.fromDegrees(103.851959, 1.290270);
        viewer.camera.lookAt(singapore, new Cesium.Cartesian3(0.0, 0.0, 4200000.0));
    }
    function zoomToMalaysia()
    {
        var malaysia = Cesium.Cartesian3.fromDegrees(101.9758, 4.2105);
        viewer.camera.lookAt(malaysia, new Cesium.Cartesian3(0.0, 0.0, 4200000.0));
    }
  </script>
</body>
</html>

제 질문은 싱가포르를 클릭하면이 질문에 첨부 한 두 번째 이미지처럼 싱가포르로 확대됩니다 .. 마지막 이미지처럼 확대하려면 무엇을해야합니까 ??? 도와 주시겠습니까 ?? 감사합니다

emackey

키가 너무 높은 것 같습니다. 변경 시도 4200000.0에 42000.0.

편집 : 더 완전한 코드 예제가 있습니다. 이것은 라벨을 켜서 테두리를 볼 수 있습니다. 이 코드를 Sandcastle에 붙여넣고 F8로 실행합니다.

var imagery = Cesium.createDefaultImageryProviderViewModels();

var viewer = new Cesium.Viewer('cesiumContainer', {
    imageryProviderViewModels: imagery,
    selectedImageryProviderViewModel: imagery[1]
});

var height = 50000;
var singapore = Cesium.Cartesian3.fromDegrees(103.85, 1.33, height);

viewer.camera.flyTo({
    destination: singapore,
    duration: 0
});

위에서 이미지 제공 업체의 기본 목록이 표시되고 라벨이 사용 설정된 제공 업체를 미리 선택합니다. 그런 다음 싱가포르 duration: 0에서 카메라를 스냅하는 데 사용하여 50km 위의 지점으로 날아갑니다 .

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-20

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

세슘에서 줌이 명확하지 않습니다

세슘에서 줌이 명확하지 않습니다

jce 팝업이 ajax 콘텐츠에서 작동하지 않습니다. 줌라에서

TabControl에서 ImageList 아이콘의 해상도가 명확하지 않습니다.

tmux 줌 (z)이 작동하지 않습니다.

드래그 / 줌시 이미지가 테두리 / 캔버스 안에 유지되지 않습니다.

다음 프로그램에서 확장 방법이 명확하지 않습니다.

아마존에서 줌 이미지 다운로드

아마존에서 줌 이미지 다운로드

Android 핀치 줌이 에뮬레이터에서 작동하지 않음

줌 컨퍼런스에서 소리가 나지 않습니다.

줌 컨퍼런스에서 소리가 나지 않습니다.

Statsmodels의 다변량 ARX에서 단일 예측 벡터를 얻는 방법이 명확하지 않습니다.

서명이 확인되지 않았습니다.

HTML의 SVG에서 SVG 시맨틱 줌이 작동하지 않음

Woocommerce는 이미지에서 줌 클래스를 제거합니다.

명령 줄의 셸 매개 변수 확장이 bash 스크립트에서 작동하지 않습니다.

명령 줄의 셸 매개 변수 확장이 bash 스크립트에서 작동하지 않습니다.

Libavresample : AV_SAMPLE_FMT_FLTP에서 AV_SAMPLE_FMT_S16P 로의 변환이 명확하지 않습니다.

OmniFaces FacesView가있는 확장명이없는 URL은 1.12에서 작동하지 않습니다.

일반 명령이 / mnt /에서 작동하지 않습니다.

% *에서 SHIFT 명령이 작동하지 않습니다.

cp 명령이 Android 4.4에서 작동하지 않습니다.

일부 명령이 vim에서 작동하지 않습니다.

DataTemplate에서 버튼 명령이 작동하지 않습니다.

cd 명령이 Pycharm / IdeaVim에서 작동하지 않습니다.

CUT 명령이 crontab에서 작동하지 않습니다.

UITabBar 이미지가 명확하지 않습니다.

상태는 useEffect에서 명확하지 않습니다

ANTD rowSelection이 UI에서 확인하지 않습니다.

asp radgrid에서 확인란이 작동하지 않습니다.