BIGEMAP卫星地图_高清卫星地图_北斗高清地图_地图软件_矢量地图数据_专题地图

顯示源代碼
鼠標位置
 開發文檔
            <!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>part_test</title>
</head>
<body>
<div id='container'></div>
<div id="creditContainer" style="display: none;"></div>
<div id="mouse_state" style="position:absolute;z-index:9999;top:1px;left:1px;background-color:white"></div>
<script>
         bmgl.Config.HTTP_URL = 'http://ua.bigemap.com:30081/bmsdk/';
    var viewer = new bmgl.Viewer('container', {mapId: 'bigemap.dc-satellite'});
    //設置初始位置
    viewer.camera.setView( {
        destination  : bmgl.Cartesian3.fromDegrees( 110.20, 34.55, 3000000 )
    } );
    var scene = viewer.scene;
    var handler = new bmgl.ScreenSpaceEventHandler(scene.canvas);
    var ellipsoid = scene.globe.ellipsoid; //得到當前三維場景的橢球體

    var longitudeString = null;
    var latitudeString = null;
    var height = null;
    var cartesian = null;
    var mouse_state = document.getElementById("mouse_state");//顯示狀態信息
    //一 鼠標MOUSE_MOVE
    handler.setInputAction(function(movement) {
        //通過指定的橢球或者地圖對應的坐標系,將鼠標的二維坐標轉換為對應橢球體三維坐標
        var ray=viewer.camera.getPickRay(movement.endPosition);
        var cartesian=viewer.scene.globe.pick(ray,viewer.scene);
        if (cartesian) {
            //將笛卡爾坐標轉換為地理坐標
            var cartographic = ellipsoid.cartesianToCartographic(cartesian);
            //將弧度轉為度的十進制度表示
            longitudeString = bmgl.Math.toDegrees(cartographic.longitude).toFixed(7);
            latitudeString = bmgl.Math.toDegrees(cartographic.latitude).toFixed(7);
            //獲取相機高度
            height = Math.ceil(viewer.camera.positionCartographic.height).toFixed(3);
            mouse_state.innerText = '移動:(' + longitudeString + ', ' + latitudeString + "," + height + ')';
        }else {
            mouse_state.innerText = "";
        }
    }, bmgl.ScreenSpaceEventType.MOUSE_MOVE);

    //二 LEFT_CLICK
    handler.setInputAction(function(movement) {
        //cartesian =   viewer.camera.pickEllipsoid(movement.position, ellipsoid);//movement.endPosition
        //if (cartesian) {
        //    //將笛卡爾坐標轉換為地理坐標
        //     var cartographic = bmgl.Cartographic.fromCartesian(cartesian);
        //     longitudeString = bmgl.Math.toDegrees(cartographic.longitude).toFixed(3);
        //     latitudeString = bmgl.Math.toDegrees(cartographic.latitude).toFixed(3);
        //    //獲取相機高度
        //    height = Math.ceil(viewer.camera.positionCartographic.height);
        //    mouse_state.innerText = 'LEFT_CLICK:(' + longitudeString + ', ' + latitudeString + "," + height + ')';
        //}else {
        //    mouse_state.innerText = '';
        //}
    }, bmgl.ScreenSpaceEventType.LEFT_CLICK );

    //三 LEFT_DOUBLE_CLICK
    handler.setInputAction(function(movement) {
        cartesian =   viewer.camera.pickEllipsoid(movement.position, ellipsoid);//movement.endPosition
        if (cartesian) {
            //將笛卡爾坐標轉換為地理坐標
            var cartographic = bmgl.Cartographic.fromCartesian(cartesian);
            longitudeString = bmgl.Math.toDegrees(cartographic.longitude).toFixed(3);
            latitudeString = bmgl.Math.toDegrees(cartographic.latitude).toFixed(3);
            //獲取相機高度
            height = Math.ceil(viewer.camera.positionCartographic.height);
            mouse_state.innerText = 'LEFT_DOUBLE_CLICK:(' + longitudeString + ', ' + latitudeString + "," + height + ')';
        }else {
            mouse_state.innerText = '';
        }
    }, bmgl.ScreenSpaceEventType.LEFT_DOUBLE_CLICK  );

    //四 LEFT_DOWN
    handler.setInputAction(function(movement) {
        cartesian =   viewer.camera.pickEllipsoid(movement.position, ellipsoid);//movement.endPosition
        if (cartesian) {
            //將笛卡爾坐標轉換為地理坐標
            var cartographic = bmgl.Cartographic.fromCartesian(cartesian);
            longitudeString = bmgl.Math.toDegrees(cartographic.longitude).toFixed(3);
            latitudeString = bmgl.Math.toDegrees(cartographic.latitude).toFixed(3);
            //獲取相機高度
            height = Math.ceil(viewer.camera.positionCartographic.height);
            mouse_state.innerText = 'LEFT_DOWN :(' + longitudeString + ', ' + latitudeString + "," + height + ')';
        }else {
            mouse_state.innerText = '';
        }
    }, bmgl.ScreenSpaceEventType.LEFT_DOWN   );

    //五 LEFT_UP
    handler.setInputAction(function(movement) {
        cartesian =   viewer.camera.pickEllipsoid(movement.position, ellipsoid);//movement.endPosition
        if (cartesian) {
            //將笛卡爾坐標轉換為地理坐標
            var cartographic = bmgl.Cartographic.fromCartesian(cartesian);
            longitudeString = bmgl.Math.toDegrees(cartographic.longitude).toFixed(3);
            latitudeString = bmgl.Math.toDegrees(cartographic.latitude).toFixed(3);
            //獲取相機高度
            height = Math.ceil(viewer.camera.positionCartographic.height);
            mouse_state.innerText = 'LEFT_UP :(' + longitudeString + ', ' + latitudeString + "," + height + ')';
        }else {
            mouse_state.innerText = '';
        }
    }, bmgl.ScreenSpaceEventType.LEFT_UP   );
    //六 鼠標WHEEL
    handler.setInputAction(function(wheelment) {
        height = Math.ceil(viewer.camera.positionCartographic.height);
        mouse_state.innerText = '遠近(' + "," + height + ')';// longitudeString + ', ' + latitudeString +
    }, bmgl.ScreenSpaceEventType.WHEEL);
</script>
</body>
</html>                                                                                                                                                                                                                                                                    
主站蜘蛛池模板: 明基太阳能玻璃钢污水处理公司-设计研发全自动加药装置设备 | 猪粪烘干机|小型鸡粪烘干机|猪粪烘干机价格|小型鸡粪烘干机价格 - 河南宏科重工干燥机设备生产厂家 | 金酱酒_金酱酒代理加盟招商_OEM贴牌企业定制! – 金酱酒代理加盟!茅台镇较早的酿酒烧坊,年产优质酱香白酒5000余吨,仁怀市十强白酒企业,主营主品:金酱酒、金酱陈香酒、酱香老酒等系列品牌产品 | 深圳PCB电路板厂|PCB线路板厂|FPC柔性电路板厂|FPC软性线路板生产厂家|恒成和电路板:18681495413 | 山东长青石油液压机械有限公司-致力于石油机械设备的研发制造,提供定制服务 | 空气能热水器|空气能热水器工程|太阳能热水器工程|蓝冠机电 | 昆明子弟食品有限公司 | 长春网站优化,网络推广,seo快速排名,1.8元/词/天-同信长春网络公司 | 意优教育|意大利留学中介_意大利留学费用_意大利申请条件_北京意大利语培训学校 | 山东正奇塑料机械有限公司,山东塑料机械,水带机组,塑料管材机,山东吹膜机组厂家,山东农膜机厂家 山东长青石油液压机械有限公司-致力于石油机械设备的研发制造,提供定制服务 | 自动缠绕机_帝虎包装设备(上海)有限公司_缠绕包装机 | 潍坊亿宏重工机械有限公司,破碎机,高性能立磨机,颚式破碎机,锤式破碎机反击式破碎机,重锤式破碎机,高性能反击式破碎机,圆锥式破碎机,给料机系列,链板给料机系列,简易给料机系列,振动给料机 | 宁波搬家_宁波搬家公司_宁波搬厂_专业搬家搬厂-「宁波喜洋洋搬家公司」 | 图页网-无线压力电容变送器_激光测厚传感器_电磁流量计_温控调节仪 | 七评-爱美儿信息科技有限公司〖官网〗?| 紫外交联仪,紫外透射仪,紫外灯-上海析浦科学仪器有限公司 | 全铝家居_十大全铝家具品牌_全铝衣柜橱柜——佛山欧格美铝业 | 上海离婚律师|上海婚姻律师|上海家畅家事律师-上海家畅离婚律师网 | 全自动码垛机械手,码垛机器人,拆包机,缠绕机,开箱封箱装箱机厂家-山东昊宇自动化设备有限公司 | 气体检测仪,多功能气体检测仪,四合一检测仪,氯气检测仪,有机挥发气体检测仪,气体报警器-南京诺邦电子科技有限公司 | 九江江菱电梯有限公司| 江西富兴节能建材有限公司 | 塑料植草格_停车场植草格_消防车道植草格厂家_山东朋联建材 | 天下机械|机床商讯-机械网|机械技术|机械信息|机床资讯|机床设备|机床商讯杂志 | 山东长青石油液压机械有限公司-致力于石油机械设备的研发制造,提供定制服务 | 卧式镗铣床,道斯镗铣机床加工中心-江苏道斯数控科技有限公司 | 亿企商贸-亿万企业的商务贸易平台-B2B企业产品发布供求信息平台,一带一路中国企业及产品展示平台,免费企业智能自助建站网络营销推广平台,打造B2B企业黄页产品信息发布推广专业综合电子商务平台! | 锁螺丝机_自动螺丝机_手持式自动锁螺丝机_自动打螺丝机-普思自动化 | 图表秀——免费在线图表制作工具,数据可视化工具 | 长春市龙飞数码印务有限公司,龙飞印务,长春商务印刷,长春精品包装,长春数码快印 | 塑料胶水|PVC胶水|PP胶水|橡胶胶水|强力胶水|透明胶水|胶粘剂|粘合剂|UV胶-聚力胶水厂家 | 企业宣传片制作公司-广告宣传片拍摄-专题片,tvc广告制作-拍摄微电影影视公司-艺虎文化 | 园林绿化平台|园林绿化网|苗木网|苗圃网||苗木报价网|园林招标网|园林苗木网|园林工程网|景观设计网|园林机械网|绿化苗木网| | 黄山市惠康膳食管理服务有限公司 - 官网首页| 智能门锁管理-公寓管理软件-智能水电表管理系统-深圳安安智能 | 金亨木业建筑模板_清水模板_覆膜板_金亨木业建筑模板厂家批发 | 专注客流统计,客流分析,人流统计系统,客流计数器-广州市天威电子科技有限公司 | 热熔胶涂布机-青岛三人行机械有限公司 | 消字号牙膏代加工|面膜代加工|凝胶贴牌|漱口水贴牌-南京三盾药业有限公司-消字号牙膏代加工|面膜代加工|凝胶贴牌|漱口水贴牌-南京三盾药业有限公司 | 江门市东信科技 - 江门小程序开发,江门网站制作,江门软件开发,江门app开发 | 爬架网@建筑爬架网@冲孔建筑爬架网片@工地冲孔建筑爬架网片@工地冲孔建筑爬架网片厂家@工地冲孔建筑爬架网片生产厂家-安平县诺德金属制品有限公司 |