cesium编程入门(四)界面介绍及小控件隐藏

感性认识

界面介绍,viewer

  1. Geocoder : 查找位置工具,查找到之后会将镜头对准找到的地址,默认使用bing地图
  2. Home Button :视角返回初始位置.
  3. Scene Mode Picker : 选择视角的模式,有三种:3D,2D,哥伦布视图(CV)
  4. Base Layer Picker : 图层选择器,选择要显示的地图服务和地形服务.
  5. Navigation Help Button :导航帮助按钮,显示默认的地图控制帮助.
  6. Animation : 动画器件,控制视图动画的播放速度.
  7. Timeline :时间线,指示当前时间,并允许用户跳到特定的时间.
  8. Credits Display :版权显示,显示数据归属,必选
    9.Fullscreen Button :全屏按钮.

隐藏界面中的元素

在开发自己的项目时,有时候需要对界面做一定的定制,这就需要隐藏一部分界面中的元素,下面我们来看看各个元素的描述

首先创建一个空的工程来测试,源码在https://gitee.com/HQCode/Cesium-test

方法一 通过js代码控制

界面上默认的小控件可以通过在初始化Viewer的时候设置相应的属性来关闭,一下列出了界面默认的小控件的关闭方法,还有很多额外的属性,可以查看
帮助文档

  <div id="credit"></div>

    var viewer = new Cesium.Viewer('cesiumContainer',{
        geocoder:false,
        homeButton:false,
        sceneModePicker:false,
        baseLayerPicker:false,
        navigationHelpButton:false,
        animation:false,
        creditContainer:"credit",
        timeline:false,
        fullscreenButton:false,
        vrButton:false,
        // skyBox : new Cesium.SkyBox({
        //     sources : {
        //     positiveX : 'stars/TychoSkymapII.t3_08192x04096_80_px.jpg',
        //     negativeX : 'stars/TychoSkymapII.t3_08192x04096_80_mx.jpg',
        //     positiveY : 'stars/TychoSkymapII.t3_08192x04096_80_py.jpg',
        //     negativeY : 'stars/TychoSkymapII.t3_08192x04096_80_my.jpg',
        //     positiveZ : 'stars/TychoSkymapII.t3_08192x04096_80_pz.jpg',
        //     negativeZ : 'stars/TychoSkymapII.t3_08192x04096_80_mz.jpg'
        //     }
        // })
    });

相关代码lesson01-index.html

方法二 通过css控制

<br />      /* 不占据空间,无法点击 */
      .cesium-viewer-toolbar,             /* 右上角按钮组 */
      .cesium-viewer-animationContainer,  /* 左下角动画控件 */
      .cesium-viewer-timelineContainer,   /* 时间线 */
      .cesium-viewer-bottom               /* logo信息 */
      {
        display: none;
      }
      .cesium-viewer-fullscreenContainer  /* 全屏按钮 */
      { position: absolute; top: -999em;  }

注:全屏按钮不能通过display:none的方式来达到隐藏的目的,这是因为生成的按钮控件的行内样式设置了display属性,会覆盖引入的css属性

<div class="cesium-viewer-fullscreenContainer" style="display: block;">...</div>

相关代码lesson01-index02.html

显示帧速(FPS)

viewer.scene.debugShowFramesPerSecond = true;

Cesium学习交流群:593764057

92 Responses

  1. Jxjkou说道:

    buy cheap clavulanate purchase levoxyl sale clomid 50mg us

  2. Nivsbm说道:

    buy escitalopram 20mg generic buy naltrexone 50mg generic naltrexone 50mg tablet

  3. Eubvjo说道:

    furosemide 40mg pill doxycycline 100mg usa get antihistamine pills online

  4. Rdirsx说道:

    oral ursodiol 300mg cetirizine 5mg for sale order cetirizine 5mg pills

  5. Pnhrwe说道:

    buy azithromycin 500mg for sale gabapentin 800mg drug neurontin for sale online

  6. Jvyhqc说道:

    buy emergency contraception online online doctor birth control how to last longer guys

  7. Zohmgt说道:

    deltasone 10mg brand buy amoxicillin 1000mg online cheap cost amoxicillin 500mg

  8. Dbncae说道:

    drugs used for peptic ulcer medicine good for stomach ulcers temporary relief for uti pain

  9. Moravc说道:

    buy phenergan without prescription buy stromectol 3mg for sale cost of ivermectin pill

  10. Hbfece说道:

    buy duloxetine pills for sale buy generic glucotrol how to buy provigil

  11. Ehqsud说道:

    buy periactin 4 mg pill order fluvoxamine 100mg without prescription nizoral pill

  12. Pykhlb说道:

    antidepressant medication to quit smoking medicines for osteoporosis medication summary powerful painkillers list

  13. Syoyci说道:

    buy provera tablets microzide online oral microzide 25mg

  14. Poyafc说道:

    strong sleeping pills boots get weight loss prescriptions online get weight loss prescriptions online

  15. Ehxzlm说道:

    letrozole 2.5 mg drug purchase aripiprazole generic abilify cheap

  16. Nrctfw说道:

    buy alfuzosin online cheap best generic allergy pills best daily acid reflux medicine

  17. Ysrtlr说道:

    buy generic minocin 50mg minocycline 50mg usa buy ropinirole 2mg

  18. Ppdwte说道:

    zinplex pills side effects purchase oxcarbazepine cost trileptal 300mg

  19. Wqnkzv说道:

    buy catapres online cheap tiotropium bromide 9 mcg sale order spiriva 9mcg for sale

  20. Fdtufs说道:

    rocaltrol online buy rocaltrol 0.25mg brand buy tricor 200mg pills

  21. Bmqfvm说道:

    order trimox 250mg online anastrozole without prescription clarithromycin 500mg cost

  22. Fmciro说道:

    get assignments done online paper help world poker online

  23. Kcbfte说道:

    buy an essay cheap pay to have your homework done cefixime brand

  24. Ubxmkj说道:

    aspirin 75mg pills real online casino win real money online casino

  25. Dbqmtx说道:

    lamisil 250mg canada terbinafine usa online casinos

  26. Mokttn说道:

    order cefuroxime 500mg online cheap purchase robaxin pill brand robaxin

  27. Sffqcb说道:

    buy nolvadex 20mg online cheap budesonide drug buy generic budesonide for sale

  28. Dnnjft说道:

    tadalafil pills oral tadalafil 10mg order indocin 50mg pills

  29. Dnqquy说道:

    oral cleocin purchase sildenafil pill buy sildenafil 100mg online

  30. Jgmncs说道:

    order tretinoin cream without prescription buy retin generic buy generic avanafil

  31. Sqbrsu说道:

    brand flagyl 200mg buy flagyl 200mg order cephalexin 500mg for sale

  32. Lvkdbg说道:

    purchase lamictal online cheap order lamotrigine for sale mebendazole over the counter

  33. Gkzbxn说道:

    buy spironolactone 100mg generic order propecia 1mg sale order finasteride 5mg without prescription

  34. Xhjlvx说道:

    money can t buy everything essay websites for essay writing help me with my essay

  35. Kmkhyi说道:

    purchase tamsulosin pills tamsulosin medication order generic simvastatin 20mg

  36. Guttnd说道:

    buy cheap motilium order tetracycline 500mg sale tetracycline 250mg canada

  37. Wrmdmb说道:

    buy zantac without a prescription celecoxib without prescription celebrex pills

  38. Ckwlnj说道:

    buspar 10mg uk buspar 5mg cost amiodarone 100mg pills

  39. Jmfupc说道:

    allopurinol 100mg brand buy zyloprim sale rosuvastatin canada

  40. Wvxkkj说道:

    buy esomeprazole capsules topamax 100mg price buy generic topiramate online

  41. Lscqcj说道:

    pepcid buy online buy famotidine 40mg for sale buy prograf cheap

  42. Cftkhp说道:

    astelin without prescription order astelin 10 ml online cheap buy avalide sale

  43. rah说道:

    NCAAF betting has gone big in America, and if you act fast, prospective bettors can make the most of it with a whopping $200 in bonus bets when you bet $5 with DraftKings Sportsbook. In May 2022, it was announced that DraftKings had acquired the online casino and sports betting operator, Golden Nugget Online Gaming. DraftKings Sportsbook Illinois looks like it could launch sooner than expected. Online sports betting in Illinois is already live and DraftKings entered into a partnership with Casino Queen to bring its sports betting app to the state. Design is fundamental to us and sports bettors when looking at and using a sports betting app. DraftKings Sportsbook app has done a superb job with the look, usability, feel, and navigation on the app. It is so simple to use and fast. The color scheme works well, and the layout is spot on. If you have used the DFS app before, the design will be very familiar to you. Anything you can do on the regular site, you can do it from your cell too. No need to sit at home and watch the action with your laptop, you can now bet at the bar or mall also! This app does blow the competition out of the water. It is so easy to use. New bettors and experienced punters can easily find what to bet on and place a wager.
    https://sierra-wiki.win/index.php?title=Europe_ryder_cup_odds
    Parlays are one of the most popular forms of soccer betting. Rather than just choosing one particular match to put money on, a parlay allows bettors to place a wager on various different games with a view to maximizing earnings. This parlay is +450. When a parlay is indicated as +450, it means that the potential payout for a winning bet is $450 for every $100 wagered. The plus sign indicates that it is the underdog or less likely outcome in the bet, while the number indicates the profit that would be made on a $100 bet. Therefore, if you were to place a $100 bet on a parlay with +450 odds and it wins, you would receive a total payout of $550 ($450 profit + $100 initial bet). AS Roma vs FC Sheriff 2023-09-21: EPL Soccer free preview, analysis, prediction, odds and pick against the…

  44. Lvcqbf说道:

    coumadin 5mg without prescription paxil 20mg without prescription maxolon order online

  45. Ajgqme说道:

    order orlistat for sale asacol where to buy where can i buy diltiazem

  46. Xbytvt说道:

    order pamelor 25mg paracetamol uk panadol drug

  47. Rrimna说道:

    inderal 20mg tablet ibuprofen 400mg sale plavix sale

  48. Jqnklg说道:

    buy alendronate 70mg without prescription macrodantin 100 mg over the counter buy furadantin cheap

  49. Rodneyorics说道:

    скачать казино brillx
    brillx казино
    Бриллкс казино в 2023 году предоставляет невероятные возможности для всех азартных любителей. Вы можете играть онлайн бесплатно или испытать удачу на деньги — выбор за вами. От популярных слотов до классических карточных игр, здесь есть все, чтобы удовлетворить даже самого искушенного игрока.Brillx Казино — это место, где сливаются воедино элегантность и бесконечные возможности. Необычная комбинация азартных игр и роскошной атмосферы позволит вам окунуться в мир бриллиантового веселья. Наше бриллиантовое казино уверенно входит в число лидеров азартной индустрии, и в этом году мы готовы порадовать вас еще большим разнообразием игр и выигрышей.

  50. RebeccaHob说道:

    1win apk
    https://t.me/apk1win_apk

  51. Znjkpb说道:

    buy amaryl 1mg for sale buy misoprostol sale generic arcoxia 120mg

  52. eroms说道:

    The scam appears to be limited to Canadian clients, but US or Caribbean clients may be targeted too. If you have received a text message from a number you don’t recognize, delete the message right away. If you believe your confidential information may have been stolen or obtained by a fraudulent party either online, by telephone or through any other means, contact us immediately. Please enable JavaScript Schwab can liquidate securities to cover any margin deficiency and is not required to notify you before doing so. If you or Schwab liquidates securities to meet a margin call, your risks include unintended tax consequences from the sale of your securities, the possibility that Schwab might sell securities you preferred to hold, and a price received for a sale that you may be unhappy with. If a margin call is issued, you are required to promptly bring your account to the required maintenance level. It is Schwab’s policy to attempt to contact you, when practicable, to notify you of a margin deficiency. However, Schwab can sell securities in your account, without prior notice, to cover any deficiency.
    https://remote-wiki.win/index.php?title=Bitcoin_dollar_usd
    For example, Ben Ritchie, CEO of Digital Capital Management, predicts that by the end of the year the price of ETH could return as high as $3,200, which is a price not seen since March 2022.  For example, if you put a gas limit of 50,000 for a simple ETH transfer, the EVM would consume 21,000, and you would get back the remaining 29,000. However, if you specify too little gas, for example, a gas limit of 20,000 for a simple ETH transfer, the EVM will consume your 20,000 gas units attempting to fulfill the transaction, but it will not complete. The EVM then reverts any changes, but since the validator has already done 20k gas units worth of work, that gas is consumed. Get to know our modular, flexible framework that provides solutions and supports building a variety of applications. Yet we do have to deal with these prices for now. So the next time you have to perform an Ethereum transaction, don’t just go mindlessly do it. Check what time of day it is, or if you can do the same transaction on a scaling solution, and so forth. You can save yourself a lot of ETH just by tightening up how you approach gas now!

  53. Krhlig说道:

    order baclofen 10mg lioresal canada ketorolac oral

  54. Друзья, хочу поделиться! Открыл для себя мир онлайн казино благодаря сайту caso-slots.com. Здесь я нашел все популярные казино и список тех, где предлагают бонусы на первый депозит. Азарт начинается прямо сейчас!

  55. Ihtaqz说道:

    buy lioresal paypal order generic toradol order toradol 10mg generic

  56. Luxpsy说道:

    order claritin generic purchase dapoxetine generic order priligy 90mg pills

  57. Rswebk说道:

    dilantin 100 mg cost oxybutynin cost where can i buy oxytrol

  58. Hkdzyn说道:

    coversum pills purchase desloratadine for sale purchase allegra generic

  59. Gonnrk说道:

    buy clomid 50mg without prescription oral clomid 100mg imuran tablet

  60. Uznmhc说道:

    buy methylprednisolone generic aristocort 10mg pill buy triamcinolone generic

  61. Lqxtqf说道:

    free slots games order levothyroxine generic purchase levoxyl without prescription

  62. Bkguua说道:

    blackjack online game stromectol brand stromectol 2mg online

  63. Setgvn说道:

    buy symmetrel 100 mg for sale order amantadine sale buy avlosulfon 100 mg online cheap

  64. Hsaqwn说道:

    sports gambling real money casino online usa where to buy ventolin without a prescription

  65. Ncdhth说道:

    best online blackjack free online roulette cost furosemide 40mg

  66. Ydipsa说道:

    order pantoprazole sale buy pantoprazole 40mg for sale order phenazopyridine generic

  67. Vlrydm说道:

    oral azithromycin 500mg gabapentin us neurontin 100mg uk

  68. Vjsewk说道:

    lipitor usa purchase albuterol generic order norvasc 10mg pills

  69. Apzeal说道:

    buy generic accutane amoxil 1000mg sale azithromycin 250mg pills

  70. Rapnxc说道:

    provigil 200mg cost modafinil 200mg drug order prednisone 20mg generic

  71. Nkpwjf说道:

    buy cefdinir 300mg for sale order prevacid online lansoprazole usa

  72. Zhwxio说道:

    tadalafil for women cialis 5mg over the counter cheap viagra pills

  73. Yorbcy说道:

    order cenforce for sale order naproxen 250mg online aralen price

  74. Avoage说道:

    order micardis 80mg pills molnunat 200 mg without prescription buy molnupiravir paypal

  75. Itmuzc说道:

    premarin 0.625mg cheap order dostinex online cheap cheap sildenafil generic

  76. Pyffaa说道:

    order zovirax eye drop buy rivastigmine online order generic rivastigmine

  77. Jushjn说道:

    betahistine 16mg usa order betahistine generic order probenecid 500 mg sale

  78. Oaqzhx说道:

    enalapril 5mg pills duphalac over the counter lactulose over the counter

  79. Ywyoyf说道:

    generic mestinon 60mg purchase pyridostigmine online cheap maxalt where to buy

  80. Qetesp说道:

    buy generic ferrous purchase actonel pills order betapace 40mg for sale

  81. Parjeo说道:

    etodolac 600 mg brand buy pletal online cilostazol 100 mg without prescription

  82. Kxheqb说道:

    prasugrel medication order prasugrel 10mg generic buy generic detrol for sale

  83. Kokcks说道:

    buy duphaston 10 mg generic buy generic januvia 100mg jardiance medication

  84. Vonsdv说道:

    fludrocortisone 100mcg usa buy aciphex generic loperamide 2 mg tablet

  85. Ofjazk说道:

    purchase meloset without prescription aygestin 5mg pills buy danocrine 100 mg

  86. Rvfphu说道:

    generic dipyridamole 25mg order dipyridamole generic generic pravachol 20mg

  87. Qxnupc说道:

    buy aspirin cheap purchase hydroquinone generic buy generic imiquimod

  88. Ejxxvq说道:

    minoxidil generic tamsulosin 0.4mg oral natural pills for erectile dysfunction

  89. Kwxcyn说道:

    precose price buy prandin 1mg online cheap fulvicin 250mg drug

  90. Lezlco说道:

    order tadalafil 10mg without prescription cheap sildenafil online sildenafil 100mg over the counter

  91. Nocdcv说道:

    buy ketotifen generic capsules geodon 80mg buy tofranil sale

  92. Ulppso说道:

    buy fenofibrate 160mg where to buy tricor without a prescription buy tricor 160mg generic

发表评论

您的电子邮箱地址不会被公开。

CAPTCHAis initialing...