方法一：function popup() {$(".esriPopup .titlePane").css({ background-color:rgba(64,64,64,0.8)})$(".esriPopup .contentPane").css({ background-color:rgba(64,64,64,0.8), color:#FFFFFF})$(".esriPopup .actionsPane").css({ background-color:rgba(64,64,64,0.8)}) }方法二：.esriPopup .esriPopupWrapper { background-image: url(../images/beijingtu1.png); background-size:100% 100%; box-shadow: 0 0 0 #777777;-w...
先给大家展示实现后效果： 为直观期间，先贴出来我做的效果列表展示和地图展示以及联动显示信息 实现思路：1、列表与地图的互动 鼠标经过列表时，修改列表图标，并根据列表返回的值在地图上绘蓝色的marker；鼠标移出，修改列表图标为红色，清空地图marker图层。关键代码： title.on("mouseover",function(){ var attr = $(this).data("attr"); $("#icon"+attr.id).css("background","url(images/blue.png)"); var pt=new Point(att...
开发过程中遇到此异常，查询后网上说是跨域访问的问题，给出的解决方案是通过JQuery的跨域访问机制来解决， 难道我需要直接找ArcGISTiledMapServiceLayer相关代码，去重构吗？ 还有给出的解决方案如下，http://resources.arcgis.com/en/help/rest/apiref/config.html，大意就是要设置一下ArcGIS Server服务，可服务是别人的，设置不了。 代码如下，在地图类型切换时需要调用另一个网址，就报出了如下错误。if (tp == "mp") {//移...
转载来自：https://blog.csdn.net/kangkang_style/article/details/75601974<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"><title>Landuse</title><link rel="stylesheet" href="https://js.arcgis.com/3.21/dijit/themes/claro/claro.css"><link rel="stylesheet" href="https://js.arcg...
? 【前言】 有好些网友问我怎么使用Server发布的地图服务了，其实非常的简单。 我在这里先声明：不提供Server软件，需要的请自行使用互联网搜索资源； 不阐述Server如何发布各各种服务，但是我会给出官方的文档（点我），发布服务其实各种老教程都很多了。【软件准备】 Windows 64位以上的系统，XP可以歇菜了，Server是64位原生软件；//Linux发行版也可以，能用Server就行 ArcGIS for Server 10.x版本 ArcGIS for Desktop（用于发布...
?文前说明：关于style就是页面的css暂时不做评论，因为官方给的例子的样式实在太简单了，照抄阅读即可。 这篇文章有着大量AJS 4.x版本添加的内容，如监听watch、Promise对象、回调函数、异步处理等内容，原理性的东西我会在文末解释，各位看官不用担心看不懂，我尽量用通俗的语言解释这些。 惯例，如果不习惯从头看到尾，可以直接跳到后面看总结。大家应该看过商业地图的缩略图功能吧？以度娘地图为例，在使用街景地图的时候，左下...
先安装好node.js，vue环境了，下面开始 1。确定一个项目目录，如e:\aaaa 2、cmd中转到目录，vue create arcgis-test1 就选择第一个 vue cli v4.5.11 3。安装好之后，转到目录e:\aaaa\arcgis-test1 npm install --save esri-loader 4、然后就用vscode 右键打开项目了，开始编码 把components 目录下初始来的helloworld.vue 删除，添加一个map001.vue 导包 <template><div id="viewDiv" style="width:100%;height:600px"></div> ...
1、HMTL 页面 ## index.html<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>第八讲-SceneView</title><link rel="stylesheet" href="http://127.0.0.1/arcgis_js_api/4.15/esri/css/main.css"><link rel="stylesheet" href="css/index.css"><script src="http://127.0.0.1/arcgis_js_api/4.15/init.js"></script><script src="js/i...
1、HTML 页面 ## index.html<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>第六讲-绘制图形</title><link rel="stylesheet" href="http://localhost/arcgis_js_api/4.15/esri/css/main.css"><link rel="stylesheet" href="css/index.css"><script src="http://localhost/arcgis_js_api/4.15/init.js"></script><script src="js/in...
前言 在项目中，通过FeatureLayer的applyEdits方法实现对数据库要素的增删改查，在对要素进行增加和修改的时候都没问题， 但是在进行删除的时候一直无效，报noEdits错误。 全网查询了以后终于在https://blog.csdn.net/feeysus/article/details/39006757中找到了答案 解决方法 在一个页面中，不要对一个featureLayer进行多次实例化，即对一个FeatherLayer在页面中只实例化一次，多次实例化导致删除无法进行操作
一、定位功能，应用场景为自定义搜索框，可以用ajax搜索结果，然后单击定位。还有一种是下面说的，在element ui表格中，点击定位按钮，实现地图跳转定位。 二、代码部分。 // 定位功能 locator: async function (id) {loadModules(['esri/tasks/support/Query'], {css: false}).then(([Query]) => {const query = new Query()let where = "OBJECTID = '" + id + "'"query.where = wherequery.returnGeometry = truequery.outFields...
本文主要实现的功能是: 输入查询的条件(这里是模糊查询) 点击查询得到查询结果,并在属性中显示属性(FeatureTable) 主要的思路: 1. 定义FeatureLayer和FeatureTable,FeatureTable中有个属性zoomToSelection:true可以设置是否根据表和地图联动.(点击表中属性缩放至所选择的要素)点击图中的查询到的结果,表中属性被选中. 2. 点击按钮获取文本框中的查询条件,并将查询条件通过myFeatureLayer.setDefinitionExpression(sql)来筛选得到...
这方向的文章网上也已经非常多了，但是不同版本还是会有一点差异（想记录一下自己部署的经历）。首先Arcgis和ArcGIS Server必须是相同版本，比如10.4和10.4.1也不是一个版本哦/(ㄒoㄒ)/~~。先装Desktop再装Server，好在10.4和10.4.1的serverlic文件是相同的o(*￣▽￣*)ブ。在安装ArcGIS API for JavaScript4.6，首先要部署服务器，Apache,IIS,Nginx均可。本人是部署了Apache，Apache的部署也比较容易，从网上找一侧些参考教程，基本...
关于arcgis api for JavaScript 4.14 配置乱七八糟的注意事项，程序包含本机用sever发布的地图服务 1.首先arcgis官网是个好东西！！！ 2.其次arcgis官网是个好东西！！！ 3.最后arcgis官网是个好东西！！！ 因为这学期要学习webgis了，兴冲冲跑去官网下载了最新版的api，结果跟老师上课将的代码出入太大。。。。估计之后只能仿照官网sample code来写了。 3.x与4.x的最大区别： 3.x支持2D; 4.x支持2D&3D； 配置IIS遇到的问题：右键点...
我正在使用ArcGIS Javascript语言,并使用esri.tasks.FindTask,所以我想选择所有功能. 当我传递空白参数时,它不起作用.我正在粘贴一些代码.在此代码中,我具有searchid和seachField,而不是execute方法将调用的方法.var searchText = document.getElementById('txtSearch').value;findTask = new esri.tasks.FindTask(SearchURL);findParams = new esri.tasks.FindParameters();findParams.returnGeometry = true;findParams.layerIds...