master

分支 (1)

管理

管理

master

cesium-study
/
61.加载百度地图.html

<!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>Hello World!</title>
    <script src="Build/Cesium/Cesium.js"></script>
    <style>
        @import url(Build/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 src='./js/baiduMap.js'> </script>
    <script>

        var imageryProvider = new BaiduImageryProvider({
            url: "http://online{s}.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles=pl&scaler=1&p=1",
        });

        //     var imageryProvider = new BaiduImageryProvider({
        //    //     url: "http://online.map.bdimg.com/onlinelabel/?qt=tile&x={x}&y={y}&z={z}&styles=pl&scaler=1&p=1",

        //         url: 'https://maponline{s}.bdimg.com/starpic/?qt=satepc&u=x={x};y={y};z={z};v=009;type=sate&fm=46&app=webearth2&v=009&udt=20210208',
        //     });

        viewer = new Cesium.Viewer("cesiumContainer", {
            imageryProvider: imageryProvider
        });

        let adjustmentPixel = function () {
            // 判断是否支持图像渲染像素化处理
            var supportsImageRenderingPixelated = viewer.cesiumWidget._supportsImageRenderingPixelated;
            if (supportsImageRenderingPixelated) {
                // 直接拿到设备的像素比例因子 - 如我设置的1.25
                var vtxf_dpr = window.devicePixelRatio;
                // 这个while我们在后面会做一个说明，但不是解决问题的说明
                while (vtxf_dpr >= 2.0) {
                    vtxf_dpr /= 2.0;
                }
                // 设置渲染分辨率的比例因子
                viewer.resolutionScale = vtxf_dpr;
            }
        };
        adjustmentPixel();
        viewer.scene.postProcessStages.fxaa.enabled = false;
        //viewer.scene.globe.depthTestAgainstTerrain = true;
        viewer.scene.fxaa = false;
        let handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
        handler.setInputAction(function (event) {
            let earthPosition = viewer.camera.pickEllipsoid(event.position, viewer.scene.globe.ellipsoid);
            if (Cesium.defined(earthPosition)) {
                let ellipsoid = viewer.scene.globe.ellipsoid;
                let cartographic = ellipsoid.cartesianToCartographic(earthPosition);
                let lat = Cesium.Math.toDegrees(cartographic.latitude);
                let lon = Cesium.Math.toDegrees(cartographic.longitude);
            }
        }, Cesium.ScreenSpaceEventType.LEFT_CLICK);


        viewer.camera.setView({
            destination: Cesium.Cartesian3.fromDegrees(116.46, 39.92, 10000000.0),
        }); //  设置初始位置
        alert("成功是成功了。就是偏移的一塌糊涂");

    </script>
</body>

</html>