• 售前

  • 售后

热门帖子
入门百科

arcgis.js控制地图地体的显树模围超出地区主动弹回(实现思绪)

[复制链接]
陈辞滥调 显示全部楼层 发表于 2021-10-25 19:50:02 |阅读模式 打印 上一主题 下一主题
目次


  • 背景
  • 效果
  • 思绪

背景

前段时间在公司项目中遇到一个标题,舆图底图区域只有一部门范围,超出当前范围会显示白底,使用效果来说非常的不好,陪同着的需求便是舆图缩小、鼠标移动舆图超出底图的显树模围则必要底图回弹。

效果



思绪

1、arcgis.js控制其显树模围,在超出底图显树模围时主动弹回来
(1)舆图创建完成之后使用监听变乱监听舆图范围改变调用shwoExtent方法,该方法会传一个舆图的左上角和右下角的值
  1. this.gisMap.on('extent-change',this.showExtent)
复制代码
(2)根绝判断舆图的最大显树模围 full extent来判断当前舆图显树模围是否超出舆图可视范围,当超出范围则显示舆图的最大范围,舆图回弹
代码片
  1. // An highlighted block
  2. let fullExtent={
  3.     xmin: xx,
  4.     ymin: xx,
  5.     xmax: xx,
  6.     ymax: xx,
  7.    }
  8. showExtent(extS){
  9.    let ext=extS.extent;  
  10.     if(ext.xmin<this.fullExtent.xmin||ext.xmax>this.fullExtent.xmax||ext.ymax>this.fullExtent.ymax||ext.ymin<this.fullExtent.ymin){
  11.     let fullExtent = new esri.geometry.Extent(
  12.      {
  13.       ...this.fullExtent,
  14.       spatialReference:new esri.SpatialReference({ wkid: parseInt(4490) })//SpatialReference设置地图坐标系
  15.      }
  16.     );
  17.     this.gisMap.setExtent(fullExtent);
  18.    }
  19.   },
复制代码
参考文档:https://developers.arcgis.com/javascript/3/jsapi/extent-amd.html
留意:在查阅文档时必要知道项目中使用的是什么版本的arcgis.js
到此这篇关于arcgis.js控制舆图地体的显树模围超出区域主动弹回的文章就先容到这了,更多干系arcgis.js舆图显树模围内容请搜索草根技术分享从前的文章或继续欣赏下面的干系文章盼望各人以后多多支持草根技术分享!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作