arcgis api for JS 4.X
关注
分享
扫一扫
小湾生产队队长
这个作者很懒，什么都没留下…
展开
-
arcgis api的popup.open鼠标左键不管用，右键才有效问题解决
场景：用arcgis api for js 打开view的弹窗事件，用View.popup.open(）方法可以打卡，但是操作的时候发现左键点击地图时候没反应，右键才可以。后来查了api，需要进行如下设置，让左右中间滚轮都有反应才行。应用：在使用点击事件时，设置view.popup.autoOpenEnabled = false;后，鼠标的三个键都可以触发点击事件，没有任何设置，只有滚轮和右键会触发点击事件。原创 2023-06-19 10:48:37 · 722 阅读 · 2 评论 -
arcgis api 4.X 测量等小工具功能实现
arcgis小工具最终实现效果：代码如下：require([ "esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/toolbars/navigation", "esri/toolbars/draw", "esri/tasks/GeometryService", "esri/symbols/Font", "esri/symbols/SimpleMa...原创 2021-09-01 16:00:09 · 381 阅读 · 0 评论 -
arcgis api 4.X 点击地图和小部件会 出现黑色边框 类似于border 黑线 的 解决办法（亲测）
arcgis api 4.X 点击地图和小部件会 出现黑色边框 类似于border 黑线全局环境中：.esri-view-surface--inset-outline:focus::after { outline: none !important; }vue scoped环境中：1、先找到mapview的容器container，2、再找到这个container的父容器3、再父容器下深度选择器，添加这个样式 /* 去掉地图聚焦边框 */原创 2021-03-20 15:54:29 · 1480 阅读 · 0 评论 -
「Arcgis的」空间查询和属性查询
「Arcgis的」空间查询和属性查询概述目录「Arcgis的」空间查询和属性查询概述流程FindTaskQueryTaskIdentifyTask在ArcGIS API中查询功能是非常常用的，Esri给我们提供了三个类用于查询功能，FindTask，QueryTask，IdentifyTask，他们之间的区别为： 属性查询 空间查询 多个...原创 2019-07-27 20:42:08 · 5803 阅读 · 4 评论 -
IIS下部署本地离线arcgis api for javascript（最简单最有效的方式）
IIS下部署本地离线arcgis api for javascript（最简单最有效的方式）使用ESRI进行WebGis前端开发都需要调用Arcgis api，现在这应该算是GISer的必备技能，也算行业主流（虽然现在开源的都很多，但是不会arcigs开发算不上一个合格的入门级GISer），但是使用在线的arcgis api 服务最大的问题就是不稳定，响应慢，所以几乎都在自己在本地离线部...原创 2020-04-16 10:38:51 · 1374 阅读 · 2 评论 -
Vue2.6+arcgis api 4.X：实现底图切换（basemapGallery）功能
前言arcgis api自带底图切换widget（BasemapGallery）但是，自带的这个应该绝大多数使用者都觉得不好用，所以自己定制开发的应该更爽点，下面介绍下开发的实现过程。开发环境...原创 2020-03-31 12:59:35 · 1400 阅读 · 4 评论 -
arcgis API 监听事件的绑定、移除、和this传值问题
根据使用场景需求：设置全局或者局部变量 ，作为控制监听绑定与移除的变量，vue文件中注意要放在data钩子函数里面mapExtentChange:null,事件绑定：this.mapExtentChange = this.mapView.on("click", this.changeHandler);事件移除 if(this.mapExtentChange !=nul...原创 2020-03-26 16:19:19 · 2045 阅读 · 0 评论 -
arxgis api 4.x 加载本地切片TileLayer跨域解决方案
问题描述 使用arcgis api 3.x加载本地切片，不会有问题，使用4.X时候就会报错，提示跨域。解决办法1、下载代理文件。 地址：https://github.com/Esri/resource-proxy/releases ESRI提供了三种，.net（IIS环境）、java（tomcat）、PHP。根据部署的环境，找到对应的代理文件，本文使用IIS...原创 2019-11-29 11:31:49 · 1746 阅读 · 0 评论 -
arcgis api 4.x：MapView cannot be used before it is ready(亲测有效)
arcgis api 4.X，有时候使用时候会出现：MapView cannot be used before it is ready，比如使用mapview.goto()原因解析：这是由于map和地图中的资源（比如 图层啥的）还没有加载好，所以View也没有初始化好，造成的。解决办法：利用mapview.when(function(){},function(err)...原创 2019-11-28 14:51:17 · 613 阅读 · 0 评论 -
arcgis api 4.x加载天地图（经纬度和墨卡托投影）（一篇文章搞透天地图加载）
主要说明：1、天地图影像分两种经纬度投影（WKID：4490）和墨卡托投影两种，arcgis默认为墨卡托坐标系（3857），可以切换二维/三维，加载经纬度切片时view需要设置wkid:43262、2019年1月1日以后使用天地图需要自己申请token，免费申请3、天地图官网给的各种天地图资源URL地址： http://lbs.tianditu.gov.cn/serv...原创 2019-11-26 13:13:44 · 6774 阅读 · 0 评论 -
arcgis api 4.X 字体跨域终极解决方案（IIS版）
arcgis api 4.X 使用微件、工具时候经常会报错（如下图），大多数是显示字体错误，在前端界面上显示使用的微件样式不正常。解决方案：解决arcgis api 本地部署的跨域问题即可。1、打开iis，找到arcgis api 部署的位置，打开链接的主页2、配置MIME类型。点击MIME类型，右键——打卡功能，然后添加下列类型。extensionMIME/t...原创 2019-11-11 10:13:43 · 1311 阅读 · 3 评论 -
arcgis api 4.x 功能篇：定位、缩放地图
arcgis api 4.x 功能篇：定位到地图 gotoMap(geometry){ if(geometry.type=="polygon"){ this.mapview.goTo({ target: geometry.extent.expand(100), //不设置expan则显示整个面的...原创 2019-11-04 17:26:26 · 2739 阅读 · 0 评论 -
arcgis api 4.x 功能篇：graphic闪烁
falsh(graphic){ let temp = 0; let handler = setInterval(function() { if (temp === 6) { if (handler) { if (!graphic.visible)...原创 2019-11-04 17:22:37 · 1926 阅读 · 8 评论 -
ESRI系列去掉Esri自带的Logo标志大全（亲测有效）
ESRI产品大多数发布的地图都带有esri标志LOGO，如何去除：一、arcgis api 3.X系列map = new esri.Map("map", { extent: initExtent, logo:false });二、arcgis api 4.X系列var view = new MapView({ ... });view.ui._removeComp...原创 2019-10-28 15:48:33 · 1280 阅读 · 0 评论 -
arcgis api 4.13 —— Layer详细介绍
arcgis api 4.x Layer详细介绍ArcGIS API for JavaScript：先来看一个模型：|–TiledMapServiceLayer| |–ArcGISTiledMapServiceLayer|–DynamicLayer| |–DynamicMapServiceLayer| |–ArcGISDy...原创 2019-07-16 11:31:59 · 3194 阅读 · 0 评论 -
坐标转换：墨卡托 & 经纬度
坐标转换：墨卡托 & 经纬度var lonlat={x:114.514864,y:38.04232};var mercator={x:12747736.346966475,y:4585405.935084799};//经纬度转墨卡托function lonlat2mercator(lonlat){var mercator={x:0,y:0};var x = lonlat.x ...原创 2019-07-16 11:16:49 · 883 阅读 · 0 评论