婷婷久久网-婷婷久久久久-婷婷久久久-婷婷久-国产微拍精品一区-国产网址在线观看

顯示源代碼
加載大量數據primitive示例
 開發文檔
            <!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'/>
    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
    <link  rel='stylesheet'/>
    <script src='http://ua.bigemap.com:30081/bmsdk/bigemap-gl.js/v1.1.0/bigemap-gl.js'></script>
    <style>

        body {
            margin: 0;
            padding: 0;
        }

        #container {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
        }

        .bmgl-widget-credits {
            display: none
        }
    </style>
    <title>Google Map Streets</title>
</head>
<body>
<div id='container'></div>

<script>
    bmgl.Config.HTTP_URL = 'http://ua.bigemap.com:30081/bmsdk/';
    var viewer = new bmgl.Viewer('container', {
        mapId: 'bigemap.dc-satellite',
        requestRenderMode: false
    });

    let rectangleInstanceArr = [];

    //創建線段
    for (let i = 0; i < 30000; i++) {
        var PolyLineInstance = new bmgl.GeometryInstance({
            geometry: new bmgl.PolylineGeometry({
                positions: bmgl.Cartesian3.fromDegreesArray([
                    119.7 + i / 1000,
                    30.2 + i / 1000,
                    119.8 + i / 1000,
                    30.2 + i / 1000,
                    117.8 + i / 1000,
                    30.2 + i / 1000,
                    117.2 + i / 1000,
                    30.2 + i / 1000,

                ]),
                width: 10.0,
                vertexFormat: bmgl.PolylineColorAppearance.VERTEX_FORMAT,
            }),
            attributes: {
                color: bmgl.ColorGeometryInstanceAttribute.fromColor(
                    i % 2 == 0 ? bmgl.Color.GREEN : bmgl.Color.RED
                ),
            },
            id: "a" + i
        });
        rectangleInstanceArr.push(PolyLineInstance);
    }


    var lineinst = new bmgl.Primitive({
        geometryInstances: rectangleInstanceArr,
        //折線外觀
        appearance: new bmgl.PolylineColorAppearance({
            translucent: false
        }),
        asynchronous: false, // 確定在準備就緒之前是異步創建基元還是阻止創建基元。
    })
    viewer.scene.primitives.add(
        lineinst
    )

    var arr = [
        {
            id: 'aaa',
            xx: lineinst
        },
        {
            id: 'bb',
            xx: lineinst
        },

    ]


    // ------------------------------------------------------
    //創建多邊形
    var polygon = new bmgl.GeometryInstance({
        geometry: new bmgl.PolygonGeometry({
            polygonHierarchy: new bmgl.PolygonHierarchy(
                bmgl.Cartesian3.fromDegreesArray([
                    108, 45, 109, 48, 104, 48, 103, 45
                ])
            )
        }),
        attributes: {
            color: bmgl.ColorGeometryInstanceAttribute.fromColor(
                bmgl.Color.RED
            ),
        },
        id: "gon"
    })
    // rectangleInstanceArr.push(polygon)]
    var goninst = new bmgl.Primitive({
        geometryInstances: [polygon],
        //多邊形外觀
        appearance: new bmgl.PerInstanceColorAppearance({
            translucent: false,
            flat: true,
            closed: false,
        }),

        asynchronous: false, // 確定在準備就緒之前是異步創建基元還是阻止創建基元。
    })

    //獲取單個圖形 并改變顏色
    // var goninst_attr = goninst.getGeometryInstanceAttributes(entity.id)
    //
    // goninst_attr.color = bmgl.ColorGeometryInstanceAttribute.toValue(bmgl.Color.RED);


    let gonpp = viewer.scene.primitives.add(
        goninst
    )


    gonpp.readyPromise.then(function (model) {
        viewer.zoomTo(model)
    })


    var lastA = ''
    var lastA_Color = ""

    //定義事件
    var handler = new bmgl.ScreenSpaceEventHandler(viewer.canvas);
    handler.setInputAction(function (e) {
        var entity = viewer.scene.pick(e.endPosition);
        if (entity) {
            if (lastA) {
                lastA.color = lastA_Color
                lastA = ""
                lastA_Color = ""
            }

            console.log(entity.primitive)
            var attr = entity.primitive.getGeometryInstanceAttributes(entity.id)

            lastA = attr
            lastA_Color = attr.color

            attr.color = bmgl.ColorGeometryInstanceAttribute.toValue(bmgl.Color.PINK);

        } else {
            if (lastA) {
                lastA.color = lastA_Color
                lastA = ""
                lastA_Color = ""
            }

        }
    }, bmgl.ScreenSpaceEventType.MOUSE_MOVE);

</script>
</body>
</html>                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
主站蜘蛛池模板: 网页版抖音| 来自地狱| 金酸梅奖| 珍珠少女| 南来北往电视剧40集免费观看| 祝福语生日| 亲爱的姑娘我爱你| 辩论稿| 黑木美纱| 西游记续集唐僧扮演者| 故乡之恋简谱| 自相矛盾视频故事视频| 减肥喝什么榨汁减肥快| 春闺梦里人电影在线观看| 女子监狱第五季| 炙热电影| 次强音| 抗击 电影| 神迹电影| 里番在线看| 生死相随| 碧海情天 电视剧| 二年级拍手歌生字组词| 达科塔·高尤| 王渝萱全部电影| 分手男女| 拔萝卜视频免费播放| 经伟| 北京卫视节目表今天| 舌尖上的中国4| 深圳古镇| 铁血使命电视剧演员表| 演员于晓光| 一个桃子的热量| 女忍者法帖| 《夏日情人》| 全国急招压路机师傅| 王音棋的个人简历| 你是我的命运电影| 在线抖音| 魔法少女砂沙美|