使用v-html绑定数据，实现图片的动态转换
摘要：首先定义存放图片的div在div里设置v-html事件 <div class="detail-picture" id="picture" v-html="pict"></div> 然后在下面的的js里设定触发事件，例如按钮的点击事件等。在监听函数里写入以下代码，当需要改变图片时，只需要对piv_ur
阅读全文
posted @ 2021-08-31 08:59
08 2021 档案
使用js下载数据
摘要：由于项目中会用到一个文件的下载功能，所以查找了各种论坛，找到两篇很好用的下载方式，1.通过获取json数据下载为csv文件2.将Table表格下载为excel文件。 代码来源（代码全部来源于以下两篇博客） https://blog.csdn.net/u012832088/article/detail
阅读全文
posted @ 2021-08-30 18:01
使用FeatureTable对FeatureLayer中的数据进行显示
摘要：FeatureTable的使用方法，（其中csvLayer是之前定义的FeatureLayer图层，然后fieldConfigs就是对表头的重命名，如果删去的话，表头默认为数据中的名称） const featureTable = new FeatureTable({ view: view, laye
阅读全文
posted @ 2021-08-30 10:49
使用ant的checkboxGroup将列表信息添加为多选框，并根据多选框的转换进行操作
摘要：使用的数据（放到script的data（）中） taskList: [], taskListOptions: [], taskItems: [], ops: { vuescroll: {}, scrollPanel: {}, rail: { keepShow: true }, bar: { hove
阅读全文
posted @ 2021-08-30 10:12
arcgis api绘制多个点
摘要：从网上找了好多教程，大多数都是实现点击一次按钮绘制一个点，无法实现一次性绘制多个点的功能。最后还是官方文档靠谱提供了现成的方法。 首先需要定义一个按钮用于触发绘制事件 <button id="btn_multipoint">绘制多个点</button> const btn_multipoint =
阅读全文
posted @ 2021-08-30 09:54
使用hittest获取点击要素的属性值
摘要：在项目中会用到点击要素，显示当前点击要素的相关属性，需要进行弹窗的显示，而官方自带的popup不符合界面的要求，所以就是想着在获取到对应的属性值，在自己定义的div中进行显示。查阅了很多资料，发现可以使用hittest方法轻松获取到这些属性值。 view.on("click", function (
阅读全文
posted @ 2021-08-27 10:52
地图坐标的转换
摘要：需要引入的类为 import {transform, transformExtent, fromLonLat} from "ol/proj"; view中进行坐标的转换 var view = new View({ projection: "EPSG:3857", //使用这个坐标系 center:
阅读全文
posted @ 2021-08-26 10:31
FeatureLayer图层的属性查询方式（query的使用方法）
摘要：以csvLayer为例： view .whenLayerView(csvLayer) .then(function(csvLayerView) { const queryStations = csvLayerView.createQuery(); queryStations.where = "sta
阅读全文
posted @ 2021-08-26 09:43
使用LayerView.effect进行点的高亮显示
摘要：通过设置一个按钮事件通过，设置一个简单的查询条件,对查找到的元素进行高亮显示，对于其他元素进行遮盖处理。 const btn = document.getElementById("btn"); btn.addEventListener("click",function(){ view .whenLa
阅读全文
posted @ 2021-08-25 18:07
获取图层中的属性值
摘要：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
设置sceneView的背景
摘要：设置sceneView的背景 const view = new SceneView({ container: "viewDiv", map: map, //高亮显示选中的图层 highlightOptions: { haloOpacity: 0 }, environment: { //设置背景 ba
阅读全文
posted @ 2021-08-20 18:04
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
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
js对整个div进行侦听，并通过设定值判断是哪个按钮的点击事件
摘要：其中.btns代表在总体的div中定义的class类data-id为在button中定义的标记字符 <div class="btns"> <div class="btn-switch active-map" data-id="0">1</div> <div class="btn-switch" da
阅读全文
posted @ 2021-08-20 17:54
arcgis中goto的用法
摘要：1.默认方式（在进行定位导航操作时不设置任何动画） shiftCamera(60)代表旋转60度如果需要跳转至指定位置，即可将注释部分放入到goto语句中。下面都是类似的 document.getElementById("default").addEventListener("click", ()
阅读全文
posted @ 2021-08-20 17:53
select的change监听事件
摘要：对于一些事件，需要直接选择select中的选项做出事件，而不需要单独提交，这就需要设置select的侦听事件 首先在html中创建select工具 <select id="projectID" > <option value="8857" selected>8857</option> <option
阅读全文
posted @ 2021-08-20 17:50
arcgis api通过绘制矩形查询要素
摘要：实现的效果就是在图层上拖动绘制矩形框，框选图层中的要素，然后统计选中的要素个数，并获取到要素中的属性值。 根据arcgis api for js的官网改写的，官网中用到了一个table组件，我修改之后是使用alert提示信息显示的查询结果，原文地址：https://developers.arcgis
阅读全文
posted @ 2021-08-20 17:47
彻底删除vs2013
摘要：参考地址：https://blog.csdn.net/akenseren/article/details/83177137
阅读全文
posted @ 2021-08-18 10:49
arcgis api之任务
摘要：ArcGIS API for JavaScript中执行多种类型的任务。 所有的任务都是通过esri/tasks资源进行访问的 以下是一些任务的名称 ClosestFacilityTask , ConfigurationTask , FindTask , GeometryService ,Geopr
阅读全文
posted @ 2021-08-18 08:49
arcgis api 之符号化
摘要：ArcGIS online/Portal tools Var webmap = new WebMap({ portalItem:{ Id:”” } }) 智能制图API Renderers creater: - colorRendererCreator - sizeRendererCreator -
阅读全文
posted @ 2021-08-17 18:21
arcgis api 之widget
摘要：常用工具 Attribution BasemapGallery BasemapToggle Bookmarks Compass CoordinateConversion Directions Home LayerList Legend Locate NavigationToggle Popup Pr
阅读全文
posted @ 2021-08-17 18:17
arcgis api 之view
摘要：mapView导航： Zoom:定义视图的缩放级别; Center:定义视图的中心点; Scale:定义地图显示的比例级别; Extent:定义视图的显示范围; Viewpoint Camere mapView.constraints 限制loads、scale、zoom、rotation view
阅读全文
posted @ 2021-08-17 18:15
arcgis api 之Layer
摘要：TileLayer用来加载缓存服务; . 缓存服务从缓存中直接获取切片，不需要动态渲染; var tileLyr = new TileLayer({ ur1: "https:/ / services . arcgisonline . com/ arcgis/ rest/ services/World
阅读全文
posted @ 2021-08-17 18:06
常用的arcgis在线地图
摘要：地图服务地址 { name: '中国灰色版', url: 'https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetGray/MapServer' }, { name: '中国午夜版', url: 'https://map.geoq.cn/
阅读全文
posted @ 2021-08-17 18:00
arcgis分屏界面的实现
摘要：利用arcgis api实现将界面分成两部分，每部分放置一个地图，实现两个地图的联动 根据官方的实例修改得到 <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,maximum-s
阅读全文
posted @ 2021-08-16 18:09
利用Expand实现一个可缩放的地图切换组件
摘要：其中view2为我定义的分屏界面的右侧地图。 需要引用的对象： import Expand from "@arcgis/core/widgets/Expand" import BasemapGallery from "@arcgis/core/widgets/BasemapGallery"; //
阅读全文
posted @ 2021-08-16 18:04
利用arcgis api在分屏界面下绘制点、以及拉框选择
摘要：为了更加清晰的实现对比更能需要对其位置进行标注，所以我分别用点和矩形区域对界面进行了设置。 但是代码中也存在一个问题，因为图层是在map的基础上添加的，所以两个视图都使用了同一个地图即： 需要引入的类： import GraphicsLayer from "@arcgis/core/layers/G
阅读全文
posted @ 2021-08-16 17:55
利用arcgis api实现自定义查询
摘要：在这里使用下拉菜单和输入框两个部分实现地图中位置的查询 搜索界面 <div class="search" style="z-index: 2000"> <div class="search-select"> <select name="" id="select" class="select"> <o
阅读全文
posted @ 2021-08-11 18:01
arcgis api 3D地图中位置的快速修正
摘要：为了界面的美观，通产会设置自己的工具条，所以需要设置事件 首先定义一个按钮，用于执行 <span class="tool-compass" id="btn_compass"><span>指南针</span></span> 然后在js中定义事件 需要引入的arcgis类： import Compass
阅读全文
posted @ 2021-08-11 17:58
点击实现div的出现以及隐藏
摘要：首先定义一个div，用于存放数据，然后设置一个按钮用于关闭div <div class="detail-contain" v-if="showDetail"> <span id="detail-btn-close" class="detail-btn-close" @click="btn_close
阅读全文
posted @ 2021-08-11 17:49
arcgis api利用工具类，实现地图组的切换
摘要：引入BasemapGallery 类 import BasemapGallery from "@arcgis/core/widgets/BasemapGallery"; 添加地图组 // 添加地图组，用于切换地图层 var basemapGallery = new BasemapGallery({
阅读全文
posted @ 2021-08-11 17:47
arcgis api中测量工具的使用
摘要：首先需要定义测距、测面、清除三个按钮，用于实现功能 <span class="tool-measureArea" id="area"><span>测面</span></span><span class="tool-measuredistance" id="distance"><span>测距</sp
阅读全文
posted @ 2021-08-11 17:44
arcgis api for js自定义放大缩小
摘要：首先自定义两个按钮，用于创建点击事件 <span class="tool-small" id="btn_small"><span>缩小</span></span> <span class="tool-big" id="btn_big"><span>放大</span></span> 然后就是对事件的书
阅读全文
posted @ 2021-08-11 17:40
左右侧滑动窗口
摘要：html代码 <!-- 左侧对比查询框 --> <div class="task-list-container"> <div class="task-list"> </div> <div id="arrow" class="arrow" @click="popupTaskList"></div> <
阅读全文
posted @ 2021-08-08 10:32
解决右侧滑动窗口溢出的问题
摘要：出现的问题：在初始界面就存在一个界面，在滑动窗口，弹出收回过程中消失，但一旦动作结束，就会出现默认状态，如果调整位置，将他放到右边，又会出现溢出的情况。 flex-direction: row-reverse; display: flea; 我的理解是他的存放方向有问题，在最后关闭之后默认是存放在左
阅读全文
posted @ 2021-08-08 10:25
y轴的文字左对齐
摘要：textStyle: { align:'left', baseline:'middle' } 参考文章：https://blog.csdn.net/Hocen_Jonin/article/details/75652709
阅读全文
posted @ 2021-08-08 09:37
解决echarts图表宽度不够字符被覆盖问题
摘要：在项目中用到了echart图表展示数据，结果左侧文字被遮盖如果加大宽度又会溢出界面，所以需要调整echarts的位置 调整他的左右两侧的边距，使他能够位于合适的位置。 .mychart: { //其中mychart是我自己设置的class属性 left: '3%', right: '4%', bot
阅读全文
posted @ 2021-08-08 09:26
浙公网安备 33010602011771号