當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

光晕线.html

發布時間：2024/5/14 编程问答 38 豆豆

生活随笔收集整理的這篇文章主要介紹了光晕线.html 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,minimum-scale=1,maximum-scale=1"><meta name="author" content="火星科技 http://cesium.marsgis.cn "><meta name="apple-touch-fullscreen" content="yes"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="format-detection" content="telephone=no"><meta name="x5-fullscreen" content="true"><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"><meta name="keywords" content="火星科技,cesium,3D,GIS,marsgis,三維,地球,地圖,開發,框架,系統,示例,資料,模型,離線,外包,合肥,安徽,中國"><meta name="description" content="火星科技合肥火星合肥火星科技合肥火星科技有限公司 leaflet leaflet框架 leaflet開發 cesium cesium開發 cesium框架三維地球模型 gis marsgis 地圖離線地圖開發地圖框架地圖外包框架開發外包地圖離線二維地圖三維地圖全景漫游地理信息系統云GIS 三維GIS GIS平臺 WebGIS"><link rel="shortcut icon" type="image/x-icon" href="../docs/img/favicon/favicon.ico"><title>光暈線 Entity矢量數據加載 |MarsGIS for Cesium|三維地圖| 火星科技|合肥火星科技|合肥火星科技有限公司</title><script src="../lib/include-lib.js" libpath="../lib/" include="jquery,font-awesome,bootstrap,layer,haoutil,turf,cesium-mars"></script><link href="css/style.css" rel="stylesheet"> </head><body><div id="mask" class="signmask" οnclick="removeMask()"></div><div id="cesiumContainer" class="cesium-container"></div><script>function removeMask(){$("#mask").remove()}var viewer;function initMap(){var e = haoutil.system.getRequestByName("config","config/config.json");// console.log("e:", e);// e: config/config.jsonmars3d.createMap({id:"cesiumContainer",url:e,baseLayerPicker:false,success:function(e,o,r){// console.log("e:", e);// 3e3: 3000viewer=e, setTimeout(removeMask,3e3), initWork()}})}function initWork(){viewer.mars.centerAt({x:117.518886,y:39.544926,z:14985,heading:0,pitch:-90,roll:0}),viewer.scene.globe.globeAlpha=.001,viewer.scene.undergroundMode=true,viewer.scene.sun.show=false,viewer.scene.moon.show=false,viewer.scene.skyBox.show=false,viewer.scene.skyAtmosphere.show=false;var i,a,e = mars3d.layer.createImageryProvider({type:"arcgis",url:"http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer"});viewer.imageryLayers.addImageryProvider(e),Cesium.GeoJsonDataSource.load("../data/geojson/road.json",{clampToGround:true}).then(function(e){// console.log("e:", e);// 數據源。viewer.dataSources.add(e), Routes11 = e.entities.values;// 409個feature。// console.log("Routes11[0]:", Routes11[0]);for(var o = 0;o < Routes11.length; o++){var r = Routes11[o];r.polyline.width = o < 100?(r.polyline.material = new Cesium.PolylineGlowMaterialProperty({glowPower:.06,color:Cesium.Color.ORANGERED.withAlpha(.9)}),50):(r.polyline.material=new Cesium.PolylineGlowMaterialProperty({glowPower:.1,color:Cesium.Color.ORANGERED.withAlpha(.9)}),10)}}).otherwise(function(e){window.alert(e)}),Cesium.GeoJsonDataSource.load("../data/geojson/road2.json",{clampToGround:true}).then(function(e){viewer.dataSources.add(e),i=e.entities.values;// console.log("i[0]:", i[0]);for(var o=0;o<i.length;o++){var r=i[o];r.polyline.width = o < 0?(r.polyline.material=new Cesium.PolylineGlowMaterialProperty({glowPower:.06,color:Cesium.Color.ORANGERED.withAlpha(.9)}),50):(r.polyline.material=new Cesium.PolylineGlowMaterialProperty({glowPower:.1,color:Cesium.Color.ORANGERED.withAlpha(.9)}),10)}}).otherwise(function(e){window.alert(e)})// Cesium.GeoJsonDataSource.load("../data/geojson/lineback3_1.json",{clampToGround:true}).then(// function(e){// viewer.dataSources.add(e),a=e.entities.values;// for(var o=0;o<a.length;o++){// var r=a[o];// r.polyline.width = o < 0?(// r.polyline.material=new Cesium.PolylineGlowMaterialProperty({// glowPower:.06,// color:Cesium.Color.ORANGERED.withAlpha(.9)// }),50// ):(// r.polyline.material=new Cesium.PolylineGlowMaterialProperty({// glowPower:.1,// color:Cesium.Color.ORANGERED.withAlpha(.9)// }),10// )// }// }// ).otherwise(function(e){window.alert(e)})}$(document).ready(function(){mars3d.util.webglreport()||(alert("系統檢測到您使用的瀏覽器不支持WebGL功能"),layer.open({type:1,title:"當前瀏覽器不支持WebGL功能",closeBtn:0,shadeClose:!1,resize:!1,area:["600px","200px"],content:'<div style="margin: 20px;">' +'<h3>系統檢測到您使用的瀏覽器不支持WebGL功能！</h3>' +'<p>1、請您檢查瀏覽器版本，安裝使用最新版chrome、火狐或IE11以上瀏覽器！</p>' +'<p>2、WebGL支持取決于GPU支持，請保證客戶端電腦已安裝顯卡驅動程序！</p>' +'</div>'})),initMap()})</script> </body> </html>

總結

以上是生活随笔為你收集整理的光晕线.html的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

html
光晕