代码改变世界

随笔档案-2019年02月

添加实体

2019-02-28 09:19 by yangol, 207 阅读, 收藏,
摘要: var billboard = viewer.entities.add({ name:"entity实体", description:"是第一个实体", position:Cesium.Cartesian3.fromDegrees(110,40,0), billboard:{ image:'Cesi 阅读全文

加载全球地形图

2019-02-27 21:54 by yangol, 330 阅读, 收藏,
摘要: var viewer = new Cesium.Viewer("cesiumDiv"); var terrian = Cesium.createWorldTerrain({ requestWaterMask:true, requestVertexNormals:true }); viewer.ter 阅读全文

UI控件设置

2019-02-27 11:40 by yangol, 428 阅读, 收藏,
摘要: 去掉cesium默认的版权信息: 在style样式中添加 .cesium-widget-credits {display:none !important} 去掉动画控件、地址搜索控件、图层选择控件、操作指南控件: var viewe = new Cesium.Viewer("cesiumDiv",{ 阅读全文

添加ArcGIS数据

2019-02-26 16:33 by yangol, 1713 阅读, 收藏,
摘要: 加载arcgis server的rest服务瓦片数据:ol.layer.Tile+ol.source.TileArcGISRest 加载arcgis online的在线瓦片数据:ol.layer.Tile+ol.source.XYZ 加载arcgis server的rest服务矢量数据:ol.lay 阅读全文

从要素图层上查询要素

2019-02-23 20:03 by yangol, 737 阅读, 收藏,
摘要: 需要实现的功能有: 1、图上点击要素会出现自定义的信息窗口 2、将视图内的要素显示到右侧的标签中 3、点击右侧的标签,定位到指定要素视图 1、图上点击要素会出现自定义的信息窗口——注意书写顺序,不规范结果是出不来的 var map = new Map({ basemap:"dark-gray" }) 阅读全文

利用不同的属性值显示出不同的颜色

2019-02-23 09:06 by yangol, 1720 阅读, 收藏,
摘要: 在本节中,注意到三维底图既加入了行政边界的矢量要素图层,也加入了场景要素 var countries = new FeatureLayer({ //各国矢量边界 url:"https://services.arcgis.com/P3ePLMYs2RVChkJx/arcgis/rest/service 阅读全文

给要素渲染不同的显示色彩

2019-02-22 16:21 by yangol, 382 阅读, 收藏,
摘要: 在城市规划中,用色彩强调感兴趣的房屋十分重要。 var map = new WebMap({ portalItem:{id:"03a9607d96244883af64c7f8c7e5de1b"} }); var view = new SceneView({ container:"viewDiv", 阅读全文

掩膜要素

2019-02-22 14:51 by yangol, 276 阅读, 收藏,
摘要: 想清楚思路很有必要!需要一个空的数组来存放准备掩膜的要素ID var map = new WebScene({ portalItem:{id:"10ede348e4c54c77b45f6ebab2d018db"} }); var view = new SceneView({ container:"v 阅读全文

场景图层介绍

2019-02-22 10:27 by yangol, 430 阅读, 收藏,
摘要: 本节依然要注意书写先后顺序会影响加载速度,如果颠倒甚至不会出现预期效果 1、创建底图并显示 var map = new Map({ basemap:"dark-gray", ground:"world-elevation" }); var view = new SceneView({ contain 阅读全文

在三维地图上改变相机的左右和上下视图

2019-02-22 09:35 by yangol, 466 阅读, 收藏,
摘要: 将w s a d的键盘元素分别指示为向视图的上方 下方 左方 右方观看。 1、加载网络三维地图 var map = new WebScene({ portalItem:{id:"d8695805cb324135846f4b03eaeddeaa"} }); var view = new SceneVi 阅读全文

显示/隐藏地面高程

2019-02-22 08:29 by yangol, 540 阅读, 收藏,
摘要: 将map平面的ground:"world-elevation"进行三维显示 var map = new Map({ basemap:"hybrid", ground:"world-elevation" }); var view = new SceneView({ container:"viewDiv 阅读全文

给要素图层添加信息窗口

2019-02-21 17:06 by yangol, 478 阅读, 收藏,
摘要: 要注意,书写时遵循先行性,程序之后用的所有,之前必须设置或定义好,否则没有效果出现 var serviceUrl = "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/ArcGIS/rest/services/NYCDemographics1/Feature 阅读全文

在不同位置添加标签

2019-02-21 15:32 by yangol, 499 阅读, 收藏,
摘要: 实现效果是在要素点的四周不同位置添加标签。 此节需要注意一个问题,书写的先后顺序可能会影响运行速度。要注意正确的书写先后。 1、定义涉及到的所有变量 var minScale = 2500000; var serviceUrl = "https://services.arcgis.com/V6ZHF 阅读全文

利用Arcade表达式显示多行标签

2019-02-21 09:51 by yangol, 480 阅读, 收藏,
摘要: 要素图层依然是全球气象站点分布数据,属性表如下: 展示效果如下,显示的四行数据分别是属性表中的WIND_NAME,TEMP,WIND(运算之后的),R_HUMIDITY 本次尝试一次性写全所有的信息: 1、定义涉及到的变量: var minScale = 250000000; var feature 阅读全文

用Arcade表达式添加标签

2019-02-20 20:29 by yangol, 670 阅读, 收藏,
摘要: Arcade表达式是轻量级的脚本语言,我们可以通过全局变量$feature获取要素属性。比如说,要为城市添加标签,利用CITY_NAME列,我们可以编写语句:$feature.CITY_NAME。Arcade语句可以利用表达式来执行数学运算,逻辑运算。 首先来看下,这次需要展现的要素图层是: 我们用 阅读全文

给要素添加标签

2019-02-20 10:09 by yangol, 432 阅读, 收藏,
摘要: 要素信息如下: 需要添加的标签是MARKER ACTIVITY GROUP这一列的信息。 效果图如下: 可以看到是绿色的文字,绿色并且透明的点标记 1.创建底图 "esri/WebMap" var map = new WebMap({ portalItem:{id:"372b7caa8fe340b0 阅读全文

高亮显示点要素

2019-02-20 08:54 by yangol, 651 阅读, 收藏,
摘要: 首先补充查询的方法: 1.获取要素图层 var layer = webscene.layers.getItemAt(1); //如获取视图上已经显示了的图层 2.创建查询对象 var query = layer.createQuery(); 3.设置查询语句where语句 query.where = 阅读全文

利用请求的JSON数据创建图形图层

2019-02-19 11:18 by yangol, 1034 阅读, 收藏,
摘要: 先看效果图: 包含三个部分:信息窗口(标题是要素的某个属性信息,其余是感兴趣的属性信息)、图上图形按照某一属性大小不一显示,图例 1、创建底图用于存放以上三部分: "esri/Map","esri/views/MapView" var map = new Map({ basemap:"dark-gr 阅读全文

要素图层的介绍

2019-02-18 20:44 by yangol, 495 阅读, 收藏,
摘要: 引用:"esri/layers/FeatureLayer" var featureLayer = new FeatureLayer({ url:"https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/Landscape_T 阅读全文

网络场景图WebScene介绍

2019-02-18 16:44 by yangol, 960 阅读, 收藏,
摘要: 网络场景图的创建同样需要ID,然后再放入3维的地图底图中。 1.创建一个新的网络场景图 "esri/WebScene" var scene = new WebScene({ portalItem:{id:"3a9976baef9240ab8645ee25c7e9c096"}}); 2.加入到三维底图 阅读全文

网络地图WebMap介绍

2019-02-18 16:21 by yangol, 2207 阅读, 收藏,
摘要: WebMap是从ArcGIS Online或者ArcGIS for Portal item上获取显示到用户的界面中。 需要的是地图的ID。 创建一个新的网络地图需要设置ID号,然后再用地图底图MapView或者SceneView显示出来。 引用:"esri/WebMap" var webmap = 阅读全文

信息窗口介绍

2019-02-18 15:12 by yangol, 506 阅读, 收藏,
摘要: 用户进行某个操作的时候,用于显示的信息窗口,获得graphics和feature上的数据。也可以用于显示查询到的数据(与graphics和feature无关)。 展示其中典型范例:显示用户点击位置处的经纬度坐标信息 1.要将自动显示信息的属性设置为false接着进行自定义(获取和打开信息窗口) vi 阅读全文

图层Layers的介绍

2019-02-18 10:26 by yangol, 1564 阅读, 收藏,
摘要: 图层包含的要素可以是矢量形式的也可以是栅格形式的。 这里介绍其中一种:添加TileLayer.(加载Image类型的图层) 引用:"esri/layers/TileLayer" 举例:1.获取图层信息 var houseLayer = new TileLayer({ url:"https://til 阅读全文

地图底图的类型——MapView,SceneView

2019-02-18 09:22 by yangol, 1460 阅读, 收藏,
摘要: MapView用于创建二维地图平面。 引用“esri/Map”,"esri/views/MapView" 具体做法并举例:var map = new Map({basemap:"streets"}); var view = new MapView({ container:"viewDiv", map 阅读全文