开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何使用agm-core绘制agm多边形？

agm-core是一个用于在地图上绘制多边形的JavaScript库。下面是使用agm-core绘制agm多边形的步骤：

首先，确保你已经在你的项目中引入了agm-core库。你可以通过在HTML文件中添加以下代码来引入agm-core库：

<script src="https://cdn.jsdelivr.net/npm/agm-core"></script>

在你的HTML文件中创建一个地图容器，可以使用以下代码：

<div id="map" style="height: 400px; width: 100%;"></div>

在你的JavaScript文件中，使用以下代码初始化地图：

var map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: 37.7749, lng: -122.4194}, // 设置地图中心点的经纬度
  zoom: 12 // 设置地图缩放级别
});

接下来，你可以使用以下代码创建一个多边形对象并将其添加到地图上：

var polygon = new google.maps.Polygon({
  paths: [
    {lat: 37.772, lng: -122.214},
    {lat: 21.291, lng: -157.821},
    {lat: -18.142, lng: 178.431},
    {lat: -27.467, lng: 153.027}
  ], // 设置多边形的顶点坐标
  strokeColor: '#FF0000', // 设置多边形边框颜色
  strokeOpacity: 0.8, // 设置多边形边框透明度
  strokeWeight: 2, // 设置多边形边框宽度
  fillColor: '#FF0000', // 设置多边形填充颜色
  fillOpacity: 0.35 // 设置多边形填充透明度
});

polygon.setMap(map); // 将多边形添加到地图上

在上面的代码中，paths属性指定了多边形的顶点坐标，strokeColor、strokeOpacity、strokeWeight属性用于设置多边形的边框样式，fillColor和fillOpacity属性用于设置多边形的填充样式。

以上就是使用agm-core绘制agm多边形的基本步骤。你可以根据自己的需求调整多边形的样式和顶点坐标。如果你想了解更多关于agm-core的信息，可以访问agm-core官方文档。

相关搜索:如何使用angular google地图(AGM)获取绘制多边形的坐标如何从agm-map中清除多边形？使用agm库在Angular 2中创建多边形使用openLayers绘制多边形如何让Google Places搜索栏与Ionic 4/ Angular 8和agm-core协同工作？如何使用CGAL::draw绘制多个多边形使用python绘制多边形图案使用C++绘制器绘制插值多边形在Angular 6/7中使用AGM显示多条多边形路径如何使用OpenLayers 3在多边形中绘制后获取多边形点？如何使用鼠标在Delphi图像上绘制多边形？如何使用OpenLayers限制现有多边形内部的绘制如何绘制多边形每边的曲面？使用python绘制多边形的最快方法你如何用Python绘制透明多边形？如何在牛郎图上绘制闭合多边形如何绘制多个多边形并连接它们？如何用Phaser3绘制多边形？使用geojson多边形图层绘制和捕捉小叶无法在C中使用XCB绘制多边形

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

图像不规则填充

算法：图像不规则填充是除了可以绘制多边形和多个多边形，还可以使用多个边来近似的画一条曲线等不规则的图像。如果图像多边形填充部分或全部位于图像外部，则将对其进行裁剪，还可以处理以亚像素精度指定的像素坐标，意味着可以将坐标作为编码为整数的定点数传递。

02

UE4/Unity绘制地图基础元素-面和体

面作为地图渲染的基本元素之一，在地图中可以代表各种形式的区域，例如海面、绿地等。面数据通常以离散点串形式存储，因此渲染时最关注的是如何将其展现为闭合的图形。

05

技巧 | OpenCV中如何绘制与填充多边形

很多人都问过我这个问题，OpenCV中是怎么绘制与填充多边形的，特别是填充多边形的。因为根据OpenCV中的多边形绘制函数，他们发现这是一个无解的问题。其实我在2017底做一个项目的时候当时会对得到的一个多边形边缘轮廓进行填充，我就发现OpenCV中的多边形绘制函数无法填充，但是其实换个函数就会顺利搞定，只是大家被OpenCV官方的教程误导思维定势，没有想到而已。下面我们就来详细说一下，OpenCV中的多边形绘制与填充问题。

02

ArcGis多边形覆盖面不理想？来让我告诉你怎么改

在Vue ArcGis鼠标打点、中心打点绘制多边形这篇文章里给大家讲了ArcGis如何绘制多边形，那在ArcGis绘制多边形后多边形边界不理想怎么办？想调整多边形覆盖面怎么办？今天这里给出一种解决方案以供各位看官参考。

04

用OpenGL绘制平滑着色的三角形与相交区域的混合着色

一、三角形的绘制在OpenGL中，面是由多边形构成的。三角形可能是最简单的多边形，它有三条边。可以使用GL_TRIANGLES模式通过把三个顶点连接到一起而绘出三角形。使用GL_TRIANGLE_STRIP模式可以绘制几个相连的三角形，系统根据前三个顶点绘制第一个多边形，以后每指定一个顶点，就与构成上一个三角形的后两个顶点绘制形的一个三角形。使用GL_TRIANGLE_FAN模式可以绘制一组相连的三角形，这些三角形绕着一个中心点成扇形排列。第一个顶点构成扇形的中心，用前三个顶点绘制会最初的三角形后，

百度地图电子围栏功能的实现

最近公司项目需求，要做一个百度地图电子围栏的功能，在网上查了一下资料，看了很多博客，大多数都写的不是很详细，我看的云里雾里的，最后终于集合所有的几篇资料，自己做出了一个简单的demo，下面将过程记录和分享一下，希望给予有需要同学一些帮助，我这个人说话比较啰嗦，所以写的一定会很详细的，哈哈！闲言少叙，开始了。

04

从零开始搭建GIS开发小框架（二）——绘制多边形

在GMap.Net控件上创建一个图层，在图层上绘制多边形，生成一个多边形对象，给图形对象赋结构化数据属性（以Json形式封装和解析）。

02

【愚公系列】2023年11月 WPF控件专题 Polygon控件详解

WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化对象，可以用来创建各种用户界面。WPF控件可以分为两类：原生控件和自定义控件。

01

使用html5 canvas绘制自定义多边形动态能力分布图

于是自己尝试了一下，用canvas看能否动态绘制能力分布图，以下是我的思路，有不足之处还望老司机们多多指教；

02

ArcMap实现栅格遥感影像监督分类

在文章ENVI最小距离、最大似然、支持向量机遥感影像分类中，我们介绍了基于ENVI软件实现遥感影像监督分类的具体操作方法；本文则介绍基于ArcMap软件实现同样的遥感影像监督分类的方法。

02

【MATLAB】进阶绘图 ( fill 填充二维多边形 | fill 函数 | 绘制文字 | text 函数 )

fill 函数参考文档 : https://ww2.mathworks.cn/help/matlab/ref/fill.html

03

【从零学习OpenCV 4】绘制几何图形

经过几个月的努力，小白终于完成了市面上第一本OpenCV 4入门书籍《从零学习OpenCV 4》。为了更让小伙伴更早的了解最新版的OpenCV 4，小白与出版社沟通，提前在公众号上连载部分内容，请持续关注小白。

03

【OpenGL】十八、OpenGL 绘制多边形 ( 绘制 GL_POLYGON 模式多边形 )

使用 glBegin(GL_POLYGON) 设置绘制多边形 , 不管有几个点 , 都按照指定的顺序连接起来 ;

00

iOS开发——Core Graphics绘图

我们在搭建UI界面时，有很多时候，我们会用到iOS自带的绘图功能来完成一些界面的效果，很常用也很方便。今天我们在这里就一起讨论一下iOS的绘图功能。

02

从零开始搭建一个GIS开发小框架（五）——GMap.Net组件WPF版使用体验

现在windows平台的开发越来越流行WPF，我发现GMap.Net也有WPF版本，就跟风尝试了一下，只能说泪流满面，原本在GMap.Net.Winforms版本里使用很方便的方法和属性，在WPF版本里都没有了，很多方法都只能自己硬写代码实现。我计划完成一个WPF版本的Demo（绿色是目前已经完成的功能）。主程序是我以前做的WPF版本万能框子，GMap.Net组件是其中一个UserControl。

02

青少年编程：用Python探究数学（3）

在上一篇中，使用for循环绘制了正多边形。本篇要在此基础上，进一步优化上一篇的程序。

02

hover 背后的数学和图形学

前端开发中，hover是最常见的鼠标操作行为之一，用起来也很方便，CSS直接提供:hover伪类，js可以通过mouseover+mouseout事件模拟，甚至一些第三方库/框架直接提供了 hover API ，比如 jQuery 的 hover() 函数。大部分前端开发者在使用这些很方便的方法时，可能并没有思考过 hover 背后的实现原理。

01

网页CAD二次开发实现圆转多边形的详细教程

在线CAD SDK的集成过程中，甲方客户可能有实现圆转多边形功能的需求，作为开发者如何利用WEB CAD SDK展现此功能效果呢？本章节我们重点讲述一下。

01

硬核万字长文：我是如何把Skia的体积“缩小”到1/8的？

作者 | 陈国栋随着移动互联网的一路高歌，越来越多的 App 不满足系统原生的 UI 体系。开启了各种花式的玩法。早几年 ReactNative、Weex 等，企图尝试让系统组件可以像浏览器一样动态加载，从而提高发版本的效率。更早几年还有一众通过在系统 Webview 基础上面搭建起来的动态化方案，包括当下诸多的小程序平台等。Flutter 的发布仿佛给业界带来一丝新的生机，通过 Skia 渲染器完美的保证了在诸多平台渲染的一致性。但也带来专属于 Flutter 本身的一些问题。不过多的讨论关于 Flut

01

你必须知道的webgl基础

通过javascript可以对矩形区域进行操作，可以自由的绘制图形，文字等。而且，可以添加影子，进行涂色，另外还可以对绘制的图形进行旋转等操作。

01

最优拟合多边形框

算法：最优拟合多边形框是计算包围指定轮廓点集的点集，最优拟合多边形框是边界表达的一种，采用Douglas-Peucker（DP）算法来实现。

03

VC++中使用OpenCV进行形状和轮廓检测

在VC++中使用OpenCV进行形状和轮廓检测，轮廓是形状分析以及物体检测和识别的有用工具。如下面的图像中Shapes.png中有三角形、矩形、正方形、圆形等，我们如何去区分不同的形状，并且根据轮廓进行检测呢？

00

Voronoi多边形和Delaunay三角剖分

今天对计算几何中的Voronoi多边形（即泰森多边形）和Delaunay三角剖分进行了学习，整理资料如下（摘自百度百科）。

03

一个有趣的例子带你入门canvas

要绘制一个多边形，多边形图形的基本元素是路径。路径是通过不同颜色和宽度的线段或曲线相连形成的不同形状的点的集合。一个路径，甚至一个子路径，都是闭合的。使用路径绘制图形需要一些额外的步骤。

01

Qt编写自定义控件7-自定义可拖动多边形

自定义可拖动多边形控件，原创作者是赵彦博(QQ:408815041 zyb920@hotmail.com)，创作之初主要是为了能够在视频区域内用户自定义可拖动的多个区域，即可用来作为警戒区域，也可用来其他的处理，拿到对应的多边形坐标集合，本控件的主要难点是如何计算一个点在一个多边形区域内，何时完成一个多边形区域，支持多个多边形。

04

php判断坐标是否在指定的多边形中

如何判断一个坐标点是否在一个多边形中，具体的应用场景就是，外卖派送，用户提供的坐标是否是在外卖的派送范围之内。用户的坐标可以通过手机设备获取到，派送范围就是通过在地图上，进行多边形的绘制，获取多个坐标点连接起来的配送范围。下面来看看代码上是如何简单判断的。

02

一文 get 入门 canvas 的最佳路径

要绘制一个多边形，多边形图形的基本元素是路径。路径是通过不同颜色和宽度的线段或曲线相连形成的不同形状的点的集合。一个路径，甚至一个子路径，都是闭合的。使用路径绘制图形需要一些额外的步骤。

06

低多边形（Low-Poly）简介及相关素材分享下载

最近一直缺乏原创文章，只因被各种琐事所累，难以静下心来写文章。这篇文章也非原创，分享下我知道的一些低多边形（Low-Poly）的素材。低多边形（Low-Poly）最近火得一塌糊涂——如果你关注国外的设计圈子的话。低多边形（Low-Poly）简介 Low Poly 原是 3D 建模中的术语，指使用相对较少的点线面来制作的低精度模型，一般网游中的模型都属于低模。而现在，Low Poly 进入了平面设计领域，继扁平化（Flat Design）、长阴影（Long Shadow）之后，低多边形（Low Poly）火

【第3版emWin教程】第19章 emWin6.x的2D图形库之绘制图形（含二维码和条形码）

教程不断更新中：http://www.armbbs.cn/forum.php?mod=viewthread&tid=98429 第19章 emWin6.x的2D图形库之绘制图形（含二维码和

03

基于Turf.js教你快速实现地理围栏的合并拆分

JavaScript API GL近期为支持物流行业实现了几何图形编辑器，用户可通过编辑器接口进行点、线、面、圆的绘制和编辑。在物流行业中常见的使用场景是配送区域及地理围栏的绘制，常会有对已有区域进行拆分或者合并的需要，所以编辑器也提供了相应的功能。本文介绍了如何基于Turf实现多边形的拆分及合并。

03

烧脑！JS+Canvas 带你体验「偶消奇不消」的智商挑战

看似简单却具有极大的挑战性和趣味性，这就是其魅力所在！温馨提示，体验后再阅读此文体验更佳哦！

03

UGL之绘制多边形

主要函数就是uglPolygon()，参数pData用于指明每个顶点的坐标，首尾两个点需要一致，所以其个数numPoints比多边形的实际顶点数要多一个，另外还需要指明前景色(边框)和背景色(填充)

02

【从零学习OpenCV 4】轮廓外接多边形

由于噪声和光照的影响，物体的轮廓会出现不规则的形状，根据不规则的轮廓形状不利于对图像内容进行分析，此时需要将物体的轮廓拟合成规则的几何形状，根据需求可以将图像轮廓拟合成矩形、多边形等。本小节将介绍OpenCV 4中提供的轮廓外接多边形函数，实现图像中轮廓的形状拟合。

00

php判断坐标是否在指定的多边形中「建议收藏」

如何判断一个坐标点是否在一个多边形中，具体的应用场景就是，外卖派送，用户提供的坐标是否是在外卖的派送范围之内。用户的坐标可以通过手机设备获取到，派送范围就是通过在地图上，进行多边形的绘制，获取多个坐标点连接起来的配送范围。下面来看看代码上是如何简单判断的。

03

【Web技术】1139- 手把手教你实现手绘风格图形

https://juejin.cn/post/6942262577460314143

01

HTML5-Canvas之矩阵和多边形的绘制（2）

上篇文章我们了解了canvas的定义、获取和基础的绘图操作，其中的绘图功能我们讲解了线段绘制、上色、描边等方面知识点。今天我们来讲讲矩形（Rectangle）和多边形的绘制。矩形的绘制一共有两个口令，分别是 ctx.fillRect(x, y, width, height) 和 ctx.strokeRect(x, y, width, height) ，参数中的 x 和 y 依旧表示需绘制的矩形的起始点坐标（相对canvas原点），width 和 height表示需绘制的矩形宽高。而 fillRec

02

iOS多边形马赛克的实现（下）

上一篇里我们详述了多边形马赛克的实现步骤，末尾提出了一个思考：如何在涂抹时让马赛克逐块显示呢？再回顾一下多边形马赛克的实现。首先进行图片预处理，将原图转成bitmap后生成铺满马赛克的全图。手指移动的时候从touch回调里获取坐标点，在这些点之间进行插值，然后以插值之后的路径点为圆心将马赛克图层里对应的区域贴过去，这样就完成了对图像的特定区域打码的处理。试想一下，如果上述步骤不变，要想让多边形马赛克一块一块的显示出来，首先得计算手指移动时经过了哪些马赛克块。具体来说，也就是在每一次touchMove的回

Python演示正多边形逼近圆周过程中计算圆周率近似值

很久以前推送过这样一篇文章，Python使用matplotlib绘制正多边形逼近圆周

03

手把手教你实现手绘风格图形🔵

虽然笔者是个糙汉子，但是对这种可爱的东西都没啥抵抗力，这个库的使用本身很简单，没什么好说的，但是它只有绘制能力，没有交互能力，所以使用场景有限，先来用它画个示例图形：

03

光栅图形学的中的算法

——对《计算机图形学基础教程》胡事民等著的补充

06

利用Python完成画正多边形

对于用python完成对正多边形的绘画利用到了def函数，要求输入的内角和必须为180的倍数。speed（）设置其速度，color（）设置图形颜色，forward（）设置边长。不足：当输入值未错误内角和时，也会画出图像，但不为正多边形，且在数值接近正多边形内角和时，近似等于正多边形内角和且绘制出图像。

02

Easy Games With Python and Pygame（二）- Pygame 绘制图形

pygame.draw可以用来绘制不同的形状，pygame.draw.cirle()可以用来绘制圆

03

ArcGis中Polygon方法应用

一、前言 Polygon多边形在实际项目开发中有许多的妙用，可以用多边形圈出不同的区域并进行分类，不同的分类用不同的颜色进行区分并配已相关统计弹窗以达到一目了然的效果，今天我们来尝试绘制一个多边形在地图上。二、效果图两种背景色的多边形 image.png image.png 三、Polygon 官方解释一个多边形包含一个环数组和一个spatialReference(几何体的空间参考)。每个环都表示为一个点数组。环的第一个点和最后一个点必须相同。多边形还具有布尔值hasM和hasZ字段。创建一个

01

百度地图电子围栏功能

今年疫情以来，工作都比较紧凑，没能抽出时间来记录工作日常了。最近接触一个项目需要使用到百度地图的围栏功能，作为前期调研，先探探路。经过一番搜搜，找到一篇不错的文章。专门介绍，百度地图围栏的。地址如下：https://www.cnblogs.com/CherishTheYouth/p/CherishTheYouth_20190416.html

02

OpenCV-Python学习（13）—— OpenCV 多边形填充与绘制(cv.fillPoly、cv.polylines)

1. 知识点学习 cv.polylines 函数的使用；学习 cv.fillPoly 函数的使用。 2. 绘制折线或多边形 cv.polylines 函数说明 2.1 函数使用 cv.polylines(img, pts, isClosed, color[, thickness[, lineType[, shift]]]) → img 2.2 参数说明参数说明 img 表示要在其上绘制矩形的图像的img对象。 pts 表示一个或多个点集。 isClosed 表示标志，决定所绘制的多边形是否闭合。若为

02

【CV 向】OpenCV 图形绘制指南

Python OpenCV 是一个功能强大的计算机视觉库，除了图像处理和计算机视觉任务外，它还提供了丰富的功能来绘制各种图形。无论是在计算机视觉应用中标记感兴趣区域，还是在图像上绘制几何形状或文本，OpenCV 都为我们提供了简单易用的方法。本文将介绍如何利用 Python OpenCV 进行图形绘制。

04

「中秋来袭」没想到，用OpenCV竟能画出这么漂亮的月饼「附源码」

中秋佳节即将来临，作为传统的中国节日之一，人们除了品尝美味的月饼、赏月外，还喜欢通过绘画来表达对这个节日的喜悦和祝福。而如今，随着科技的不断发展，竟然可以借助计算机视觉库OpenCV来绘制精美的月饼和可爱的玉兔图像，真是令人大开眼界。

04

凸形测试

函数cv2.convexHull()构造的多边形是否是凸形的：True 函数cv2.approxPolyDP()构造的多边形是否是凸形的：False

01

一篇文章教会你使用SVG 画多边形

polygon元素定义了一个由一组首尾相连的直线线段构成的闭合多边形形状，最后一点连接到第一点。<polygon>元素通常用于绘制具有多个（3个或更多）侧面/边缘的形状。

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭