arcGis for js 3D marker

引用

require(["esri/Map","esri/views/SceneView","esri/Camera","esri/Graphic","esri/layers/GraphicsLayer",],function( Map, SceneView, Camera, Graphic,GraphicsLayer) {//todo}）

基础配置

     //基础底层var map = new Map({basemap: "hybrid",ground: "world-elevation"  //显示海拔});//相机var cam = new Camera({heading: 0, // //航向（与正北方向的偏移量）tilt: 70, // //垂直方向岔开的视角position: cameraPosition  // (x,y,z)});//3D图层var view = new SceneView({container: "viewDiv",map: map,camera: cam});//放置点的图层var layer = new GraphicsLayer({id:'job',elevationInfo:{mode :'relative-to-scene' } // 点 相对高度的方式 elevationInfo});map.add(layer);

3D图标
//3D模型下载网站 https://sketchfab.com/3d-models?features=downloadable&sort_by=-likeCount
//下载解压后会有三个文件放进同一个文件下直接引入

      //点-样式var markerSymbol = {type: "point-3d",  // autocasts as new PointSymbol3D()symbolLayers: [{type: "object",  // autocasts as new ObjectSymbol3DLayer()anchor:'relative',anchorPosition:{x:0,y:0,z:0.3},resource: {href: "images/img_jobPlay/scene.gltf"  //3D模型文件},// width:8,  大小设置height: 4,heading:30,  material: {color: "red"  //颜色}}]};//点- 属性var pointAtt = {name:'point'};// 3D markervar point = {type: "point", // autocasts as new Point()x:lo,y:la,z: heigth};var pointGraphic = new Graphic({geometry: point,symbol: markerSymbol,attributes: pointAtt});layer.add(pointGraphic);

效果图

arcGis for js 3D marker相关推荐

Arcgis for JS之Cluster聚类分析的实现
原文:Arcgis for JS之Cluster聚类分析的实现在做项目的时候,碰见了这样一个问题:给地图上标注点对象,数据是从数据库来的,包含XY坐标信息的,通过graphic和graphicla ...
(转）Arcgis for JS之Cluster聚类分析的实现
http://blog.csdn.net/gisshixisheng/article/details/40711075 在做项目的时候,碰见了这样一个问题:给地图上标注点对象,数据是从数据库来的,包含 ...
control层alert弹出框乱码_【ArcGIS for JS】动态图层的属性查询（11）
在真实需求中,我们不仅仅是将shp在地图中显示那么简单,我们往往要查询该图层的属性信息,我们在前面代码的基础上添加上属性查询. 1.1方法1(通过click直接获取) 1.1.1代码实现给要素图层添 ...
(转载）arcgis for js - 解决加载天地图和WMTS服务,WMTS服务不显示的问题,以及wmts服务密钥。...
1 arcgis加载天地图和wmts服务 arcgis for js加载天地图的例子网上有很多,这里先不写了,后期有空再贴代码,这里主要分析下WMTS服务为什么不显示,怎么解决. 条件:这里的WMTS ...
Arcgis for js开发之直线、圆、箭头、多边形、集结地等绘制方法
将ARCGIS for Js API中绘制各种图形的方法进行封装,方便调用.用时只需要传入参数既可.(在js文件中进行封装定义): 1.新建js文件,新建空对象用于函数的定义 if (!this[&q ...
（转）Arcgis for JS之对象捕捉
http://blog.csdn.net/gisshixisheng/article/details/44098615 在web操作,如绘制或者测量的时候,为了精确,需要捕捉到某一图层的对象,在此,讲 ...
（转）Arcgis for Js之鼠标经过显示对象名的实现
http://blog.csdn.net/gisshixisheng/article/details/41889345 在浏览地图时,移动鼠标经过某个对象或者POI的时候,能够提示该对象的名称对用户来 ...
（转） Arcgis for js加载百度地图
http://blog.csdn.net/gisshixisheng/article/details/44853709 概述: 在前面的文章里提到了Arcgis for js加载天地图,在本节,继续讲 ...
（转）Arcgis for js加载天地图
http://blog.csdn.net/gisshixisheng/article/details/44494715 综述:本节讲述的是用Arcgis for js加载天地图的切片资源. 天地图的切 ...
（转）基于Arcgis for Js的web GIS数据在线采集简介
http://blog.csdn.net/gisshixisheng/article/details/44310765 在前一篇博文"Arcgis for js之WKT和geometry转换 ...

arcGis for js 3D marker

arcGis for js 3D marker相关推荐

最新文章

热门文章