高德地图画社区网格_地图数据网格化-程序员宅基地

技术标签: vscode  前端  javascript  

// 获取所有网格
    getGrids() {
      this.$http
        .request({
          url: "/rbac/admin/org/info/findOrgListByLevel",
          method: "POST",
          data: {
            orgLevel: 6,
            pageSize: -1,
            pageNo: 1,
          },
        })
        .then((res) => {
          // console.log(res);
          if (res.code == 200 && res.content) {
            this.getGridEchart(res.content.list);
          } else {
            this.$message({
              message: "暂无网格",
              type: "warning",
            });
          }
        });
    },

// 画网格
    getGridEchart(data) {
      if (this.polygons2.length > 0) {
        this.myMap.remove(this.polygons2);
        this.polygons2 = [];
      }
      data.forEach((item, index) => {
        if (item.pointPosition) {
          let polygonArr = [];
          item.pointPosition.split(",").forEach((e) => {
            polygonArr.push(e.split(":"));
          });
          if (index < 100) {
            if (index < 10) {
              index = "00" + index;
            } else {
              index = "0" + index;
            }
          }
          let color = "#" + index + "5EC";
          let polygon = new AMap.Polygon({
            map: this.myMap,
            path: polygonArr, //设置多边形边界路径
            strokeColor: "#fee", //线颜色
            strokeOpacity: 0.5, //线透明度
            strokeWeight: 1, //线宽
            fillColor: color, //填充色
            fillOpacity: 0.5, //填充透明度
            extData: {
              name: item.label,
            },
          });
          let that = this;
          //变色
          polygon.on("mouseover", function (e) {
            // console.log(e);
            this.setOptions({
              strokeOpacity: 1, //线透明度
              strokeWeight: 2, //线宽
              fillOpacity: 1, //填充透明度
            });
            that.sText = new AMap.Text({
              text: item.label,
              anchor: "center", // 设置文本标记锚点
              draggable: false,
              cursor: "pointer",
              angle: 10,
              style: {
                "text-align": "center",
                "font-size": "12px",
                "background-color": "transparent",
                border: "none",
                "z-index": "-1",
              },
              zIndex: -1,
              position: that.getCenterPoint(polygonArr),
            });
            that.sText.setMap(that.myMap);
          });
          polygon.on("mouseout", function () {
            this.setOptions({
              strokeOpacity: 0.5, //线透明度
              strokeWeight: 1, //线宽
              fillOpacity: 0.5, //填充透明度
            });
            if (that.sText) {
              that.myMap.remove(that.sText);
              that.sText = "";
            }
          });
          this.polygons2.push(polygon);
        }
      });
      // console.log(this.polygons2);
      this.myMap.add(this.polygons2);
    },

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_62037944/article/details/131394340

智能推荐

Oracle 12cR1 RAC集群安装(二)--使用图形界面安装-程序员宅基地

文章浏览阅读132次。Oracle 12cR1 RAC集群安装文档:Oracle 12cR1 RAC集群安装(一)--环境准备Oracle 12cR1 RAC集群安装(二)--使用图形界面安装Oracle 12cR1 RAC集群安装(三)--静默安装-------------------------------------------------------------------------------..._configuration type admin managed police managed

【Golang】go编程语言适合哪些项目开发?_go语言开发的项目有哪些-程序员宅基地

文章浏览阅读1.9w次,点赞106次,收藏109次。Go编程语言凭借其简洁、高效和可靠的特性,适用于各种项目开发。无论是网络编程、大数据处理、云计算、Web开发还是嵌入式系统,Go语言都能够提供出色的性能和可扩展性。希望本文能够帮助读者了解Go语言的优势,并在项目开发中做出明智的选择。如果大家对相关文章感兴趣,可以关注公众号"架构殿堂",会持续更新AIGC,java基础面试题, netty, spring boot, spring cloud等系列文章,一系列干货随时送达!_go语言开发的项目有哪些

openlayers加载0级一张的TMS和加载0级两张的WMTS标准的切片地图服务_openalyers 加载tms标准瓦片-程序员宅基地

文章浏览阅读398次,点赞12次,收藏8次。在使用openlayers加载影像地图的过程中,遇到加载TMS标准的本地离线切片显示异常的问题,包括显示层级的异常,和我其他的数据无法对应的问题,查阅资料后发现是坐标系和0级地图分幅的问题,特此记录。解决方法也很简单,要么下载地图切片时候,选择和openlayers一致的0级别地图张数,要么通过openlayers代码进行调整,这里附一下第二种解决方法。查阅后发现问题主要在以下几点。_openalyers 加载tms标准瓦片

ubuntu若干快捷设置问题:高分辨率缩放、免密码等_ubuntu高分辨率缩放-程序员宅基地

文章浏览阅读815次。默认情况高分屏下 UI 元素显得过小,因此需要调整界面的缩放比例。Ubuntu20.04 默认是 GNOME 桌面,GNOME 可以在 Settings>Displays(设置>显示)中开启 HiDPI 支持,以整数倍来调整屏幕比例。第二步:找到 %sudo ALL=(ALL:ALL) ALL 这一行,修改为 %sudo ALL=(ALL:ALL) NOPASSWD:ALL。为了避免每次使用 sudo 命令时都输入密码,我们可以将密码关闭。关闭 sudo 密码。_ubuntu高分辨率缩放

使用GeoScene Pro发布托管要素服务_geoscene pro托管-程序员宅基地

文章浏览阅读483次,点赞8次,收藏9次。使用GeoScene Pro发布托管要素服务_geoscene pro托管

华为云-容器引擎CCE-基本概念-程序员宅基地

文章浏览阅读1.4w次。云容器引擎(Cloud Container Engine,简称CCE)提供高度可扩展的、高性能的企业级Kubernetes集群,支持运行Docker容器。借助云容器引擎,您可以在华为云上轻松部署、管理和扩展容器化应用程序。云容器引擎提供Kubernetes原生API,支持使用kubectl,且提供图形化控制台,让您能够拥有完整的端到端使用体验,使用云容器引擎前,建议您先了解相关的基本概念。集群(Cluster)集群指容器运行所需要的云资源组合,关联了若干云服务器节点、负载均衡等云资源。您可以理解为集群_cce

随便推点

乘法逆元详解(费马小定理与拓展欧几里得)-程序员宅基地

文章浏览阅读780次。什么是乘法逆元?对于整数a,m,如果满足gcd(a,m)=1,怎必定存在x使得,那么x称为a对m的乘法逆元。乘法逆元的用途?对于除法取模(b/a)%m,由于不存在公式(b/a)%m=(b%m)/(a%m),所以必须先计算b/a再取模,但是当a很大是会造成b/a爆精度。乘法逆元的作用就是将这个除法取模变成乘法取模,有(b/a)%m=b*x%m=b%m*x%m,其中x为a对m的乘法逆元。..._乘法逆元

虚拟化+docker概念基本介绍_虚拟化前后的区别-程序员宅基地

文章浏览阅读1.8k次。文章目录引言一、虚拟化简介1.1.虚拟化概述1.2.cpu的时间分片(cpu虚拟化)1.3.cpu虚拟化性性能瓶颈1.4.虚拟化工作原理虚拟化类型虚拟化功能二、Docker容器概述2.1 Docker是什么2.2 使用docker有什么意义2.3 Docker的使用场景2.4 Docker引擎(Docker Engine)2.5 Docker 三要素(核心组件)2.6六大名称空间2.7资源控制——cgroups2.8容器特性2.9 容器小的架构体系三、Docker和虚拟化的区别四、总结1、什么是docker_虚拟化前后的区别

Kafka Confluent Schema Registry搭建 口令认证_kafka-registry 认证-程序员宅基地

文章浏览阅读262次。由于发现schema registry相关资料较少,主要在此介绍其口令认证配置方式。_kafka-registry 认证

为iOS5设计消息通知-程序员宅基地

文章浏览阅读112次。通知中心作为iOS5的重大更新内容之一,可以将用户的iOS设备里的所有的通知集中放在一个地方,大大方便用户查看和管理。如果用户收到一封新邮件、一条短信,或者是一个添加好友的请求,无论在任何界面下(包括游戏等全屏应用),用户都可以通过从屏幕顶部向下滑,将通知中心“拉下来”,用户可以在这里查看到所有的通知。所以苹果在iOS5的介绍中说到通知中心是你随时掌握最新生活资讯的绝佳..._ios 15短信通知里多了一个播报

流程图和序列图_序列和流程图的区别是什么-程序员宅基地

文章浏览阅读2k次。flow diagrams可以使用活动图显示不同用例之间的工作流。通过绘制活动图(显示用户在系统内外执行的主要任务)来开始建立需求模型,通常十分有用。例如:您可以绘制用例图和活动图以显示同一信息的不同视图。用例图对于显示在较大的活动中嵌套较小的操作更有效,但不显示工作流。例如:请注意,您也可以使用活动图来描述软件中的算法,但是如果将此类图用于业务进程,则应侧重于系统外部可见_序列和流程图的区别是什么

QGIS基本功 | 22 QGIS工程文件属性设置(3)——宏、QGIS服务_qgis 添加文件属性-程序员宅基地

文章浏览阅读2.4k次。今天将继续分享QGIS 3.16工程文件属性的设置,包括宏(Macros)和QGIS服务器两个部分。01宏(Macros)【工程】->【属性】->【宏】标签页提供工程文件相关联的宏命令设置。QGIS中的宏(Macros),指的是由一些列预定义的Python语句组成的批处理命令集合,凡是可以在Python控制台中执行的语句,均可以宏的形式执行。目前,与工程文件绑定的宏仅提供了openProject(), saveProject() 和 closeProj..._qgis 添加文件属性

推荐文章

热门文章

相关标签