随笔分类 -  arcgis

1 2 下一页

使用openLayer加载arcgis中的地图
摘要:由于项目中需要用到openLayer引入arcgis中的服务,所以特此分享以下 var img = new TileLayer({ source: new XYZ({ url: 'https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetWa 阅读全文

posted @ 2021-09-13 10:18 一往无前! 阅读(886) 评论(0) 推荐(0)

vue项目实现界面跳转
摘要:为了使程序更加清晰,在src文件夹中建立router文件夹 ,在其中新建index.js,在此定义每个界面的路由。 import Vue from 'vue' import Router from 'vue-router' import index from '../components/index 阅读全文

posted @ 2021-09-06 10:08 一往无前! 阅读(627) 评论(1) 推荐(1)

使用li列举属性表中的某一属性
摘要:view.whenLayerView(featureLayer).then(function(layerView) { layerView.watch("updating", function(value) { if (!value) { // wait for the layer view to 阅读全文

posted @ 2021-09-02 11:02 一往无前! 阅读(79) 评论(0) 推荐(0)

popuptemplate的使用
摘要:在使用arcgis api for js 会有默认的弹窗组件,就是popup使用它可以显示地图上的相关属性,可以通过,点击查询事件,自动的获取到所处位置的属性表信息,将详细的信息对到弹窗当中,操作较为方便。 以下代码是我从官方样例中截取的一段,他的作用是以表格的形式显示要素的属性 // Create 阅读全文

posted @ 2021-09-02 09:25 一往无前! 阅读(375) 评论(0) 推荐(0)

使用js下载数据
摘要:由于项目中会用到一个文件的下载功能,所以查找了各种论坛,找到两篇很好用的下载方式,1.通过获取json数据下载为csv文件2.将Table表格下载为excel文件。 代码来源(代码全部来源于以下两篇博客) https://blog.csdn.net/u012832088/article/detail 阅读全文

posted @ 2021-08-30 18:01 一往无前! 阅读(346) 评论(0) 推荐(1)

使用FeatureTable对FeatureLayer中的数据进行显示
摘要:FeatureTable的使用方法,(其中csvLayer是之前定义的FeatureLayer图层,然后fieldConfigs就是对表头的重命名,如果删去的话,表头默认为数据中的名称) const featureTable = new FeatureTable({ view: view, laye 阅读全文

posted @ 2021-08-30 10:49 一往无前! 阅读(268) 评论(0) 推荐(0)

使用ant的checkboxGroup将列表信息添加为多选框,并根据多选框的转换进行操作
摘要:使用的数据(放到script的data()中) taskList: [], taskListOptions: [], taskItems: [], ops: { vuescroll: {}, scrollPanel: {}, rail: { keepShow: true }, bar: { hove 阅读全文

posted @ 2021-08-30 10:12 一往无前! 阅读(2225) 评论(0) 推荐(0)

arcgis api绘制多个点
摘要:从网上找了好多教程,大多数都是实现点击一次按钮绘制一个点,无法实现一次性绘制多个点的功能。最后还是官方文档靠谱提供了现成的方法。 首先需要定义一个按钮用于触发绘制事件 <button id="btn_multipoint">绘制多个点</button> const btn_multipoint = 阅读全文

posted @ 2021-08-30 09:54 一往无前! 阅读(495) 评论(0) 推荐(0)

使用hittest获取点击要素的属性值
摘要:在项目中会用到点击要素,显示当前点击要素的相关属性,需要进行弹窗的显示,而官方自带的popup不符合界面的要求,所以就是想着在获取到对应的属性值,在自己定义的div中进行显示。查阅了很多资料,发现可以使用hittest方法轻松获取到这些属性值。 view.on("click", function ( 阅读全文

posted @ 2021-08-27 10:52 一往无前! 阅读(170) 评论(0) 推荐(0)

地图坐标的转换
摘要:需要引入的类为 import {transform, transformExtent, fromLonLat} from "ol/proj"; view中进行坐标的转换 var view = new View({ projection: "EPSG:3857", //使用这个坐标系 center: 阅读全文

posted @ 2021-08-26 10:31 一往无前! 阅读(211) 评论(0) 推荐(0)

FeatureLayer图层的属性查询方式(query的使用方法)
摘要:以csvLayer为例: view .whenLayerView(csvLayer) .then(function(csvLayerView) { const queryStations = csvLayerView.createQuery(); queryStations.where = "sta 阅读全文

posted @ 2021-08-26 09:43 一往无前! 阅读(293) 评论(0) 推荐(0)

使用LayerView.effect进行点的高亮显示
摘要:通过设置一个按钮事件通过,设置一个简单的查询条件,对查找到的元素进行高亮显示,对于其他元素进行遮盖处理。 const btn = document.getElementById("btn"); btn.addEventListener("click",function(){ view .whenLa 阅读全文

posted @ 2021-08-25 18:07 一往无前! 阅读(64) 评论(0) 推荐(0)

获取图层中的属性值
摘要:Arcgis api for js从图层中获取字段的值 function getGraphics(response) { // the topmost graphic from the hurricanesLayer // and display select attribute values fr 阅读全文

posted @ 2021-08-20 18:06 一往无前! 阅读(192) 评论(0) 推荐(0)

设置sceneView的背景
摘要:设置sceneView的背景 const view = new SceneView({ container: "viewDiv", map: map, //高亮显示选中的图层 highlightOptions: { haloOpacity: 0 }, environment: { //设置背景 ba 阅读全文

posted @ 2021-08-20 18:04 一往无前! 阅读(194) 评论(0) 推荐(0)

arcgis api中save map
摘要:保存地图 需要引入的模块: import WebMap from "@arcgis/core/WebMap"; 首先声明一个webmap,引入底图 const webmap = new WebMap({ portalItem: { // autocasts as new PortalItem() i 阅读全文

posted @ 2021-08-20 18:03 一往无前! 阅读(169) 评论(0) 推荐(0)

render的使用方法
摘要:const seattleLayer = new FeatureLayer({ url: "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/Puget_Sound_BG_demographics/FeatureSer 阅读全文

posted @ 2021-08-20 17:57 一往无前! 阅读(116) 评论(0) 推荐(0)

arcgis中goto的用法
摘要:1.默认方式(在进行定位导航操作时不设置任何动画) shiftCamera(60)代表旋转60度如果需要跳转至指定位置,即可将注释部分放入到goto语句中。下面都是类似的 document.getElementById("default").addEventListener("click", ()  阅读全文

posted @ 2021-08-20 17:53 一往无前! 阅读(508) 评论(0) 推荐(0)

arcgis api通过绘制矩形查询要素
摘要:实现的效果就是在图层上拖动绘制矩形框,框选图层中的要素,然后统计选中的要素个数,并获取到要素中的属性值。 根据arcgis api for js的官网改写的,官网中用到了一个table组件,我修改之后是使用alert提示信息显示的查询结果,原文地址:https://developers.arcgis 阅读全文

posted @ 2021-08-20 17:47 一往无前! 阅读(615) 评论(0) 推荐(0)

arcgis api之任务
摘要:ArcGIS API for JavaScript中执行多种类型的任务。 所有的任务都是通过esri/tasks资源进行访问的 以下是一些任务的名称 ClosestFacilityTask , ConfigurationTask , FindTask , GeometryService ,Geopr 阅读全文

posted @ 2021-08-18 08:49 一往无前! 阅读(159) 评论(0) 推荐(0)

arcgis api 之符号化
摘要:ArcGIS online/Portal tools Var webmap = new WebMap({ portalItem:{ Id:”” } }) 智能制图API Renderers creater: - colorRendererCreator - sizeRendererCreator - 阅读全文

posted @ 2021-08-17 18:21 一往无前! 阅读(210) 评论(0) 推荐(0)

1 2 下一页