摘要:由于项目中需要用到openLayer引入arcgis中的服务,所以特此分享以下 var img = new TileLayer({ source: new XYZ({ url: 'https://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetWa
阅读全文
摘要:为了使程序更加清晰,在src文件夹中建立router文件夹 ,在其中新建index.js,在此定义每个界面的路由。 import Vue from 'vue' import Router from 'vue-router' import index from '../components/index
阅读全文
摘要:view.whenLayerView(featureLayer).then(function(layerView) { layerView.watch("updating", function(value) { if (!value) { // wait for the layer view to
阅读全文
摘要:在使用arcgis api for js 会有默认的弹窗组件,就是popup使用它可以显示地图上的相关属性,可以通过,点击查询事件,自动的获取到所处位置的属性表信息,将详细的信息对到弹窗当中,操作较为方便。 以下代码是我从官方样例中截取的一段,他的作用是以表格的形式显示要素的属性 // Create
阅读全文
摘要:由于项目中会用到一个文件的下载功能,所以查找了各种论坛,找到两篇很好用的下载方式,1.通过获取json数据下载为csv文件2.将Table表格下载为excel文件。 代码来源(代码全部来源于以下两篇博客) https://blog.csdn.net/u012832088/article/detail
阅读全文
摘要:FeatureTable的使用方法,(其中csvLayer是之前定义的FeatureLayer图层,然后fieldConfigs就是对表头的重命名,如果删去的话,表头默认为数据中的名称) const featureTable = new FeatureTable({ view: view, laye
阅读全文
摘要:使用的数据(放到script的data()中) taskList: [], taskListOptions: [], taskItems: [], ops: { vuescroll: {}, scrollPanel: {}, rail: { keepShow: true }, bar: { hove
阅读全文
摘要:从网上找了好多教程,大多数都是实现点击一次按钮绘制一个点,无法实现一次性绘制多个点的功能。最后还是官方文档靠谱提供了现成的方法。 首先需要定义一个按钮用于触发绘制事件 <button id="btn_multipoint">绘制多个点</button> const btn_multipoint =
阅读全文
摘要:在项目中会用到点击要素,显示当前点击要素的相关属性,需要进行弹窗的显示,而官方自带的popup不符合界面的要求,所以就是想着在获取到对应的属性值,在自己定义的div中进行显示。查阅了很多资料,发现可以使用hittest方法轻松获取到这些属性值。 view.on("click", function (
阅读全文
摘要:需要引入的类为 import {transform, transformExtent, fromLonLat} from "ol/proj"; view中进行坐标的转换 var view = new View({ projection: "EPSG:3857", //使用这个坐标系 center:
阅读全文
摘要:以csvLayer为例: view .whenLayerView(csvLayer) .then(function(csvLayerView) { const queryStations = csvLayerView.createQuery(); queryStations.where = "sta
阅读全文
摘要:通过设置一个按钮事件通过,设置一个简单的查询条件,对查找到的元素进行高亮显示,对于其他元素进行遮盖处理。 const btn = document.getElementById("btn"); btn.addEventListener("click",function(){ view .whenLa
阅读全文
摘要:Arcgis api for js从图层中获取字段的值 function getGraphics(response) { // the topmost graphic from the hurricanesLayer // and display select attribute values fr
阅读全文
摘要:设置sceneView的背景 const view = new SceneView({ container: "viewDiv", map: map, //高亮显示选中的图层 highlightOptions: { haloOpacity: 0 }, environment: { //设置背景 ba
阅读全文
摘要:保存地图 需要引入的模块: import WebMap from "@arcgis/core/WebMap"; 首先声明一个webmap,引入底图 const webmap = new WebMap({ portalItem: { // autocasts as new PortalItem() i
阅读全文
摘要:const seattleLayer = new FeatureLayer({ url: "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/Puget_Sound_BG_demographics/FeatureSer
阅读全文
摘要:1.默认方式(在进行定位导航操作时不设置任何动画) shiftCamera(60)代表旋转60度如果需要跳转至指定位置,即可将注释部分放入到goto语句中。下面都是类似的 document.getElementById("default").addEventListener("click", ()
阅读全文
摘要:实现的效果就是在图层上拖动绘制矩形框,框选图层中的要素,然后统计选中的要素个数,并获取到要素中的属性值。 根据arcgis api for js的官网改写的,官网中用到了一个table组件,我修改之后是使用alert提示信息显示的查询结果,原文地址:https://developers.arcgis
阅读全文
摘要:ArcGIS API for JavaScript中执行多种类型的任务。 所有的任务都是通过esri/tasks资源进行访问的 以下是一些任务的名称 ClosestFacilityTask , ConfigurationTask , FindTask , GeometryService ,Geopr
阅读全文
摘要:ArcGIS online/Portal tools Var webmap = new WebMap({ portalItem:{ Id:”” } }) 智能制图API Renderers creater: - colorRendererCreator - sizeRendererCreator -
阅读全文