VueCLI使用ArcGIS API for JavaScript（七）

最新推荐文章于 2022-08-01 19:23:16 发布

早安丶

最新推荐文章于 2022-08-01 19:23:16 发布

阅读量220

点赞数

分类专栏： vue + arcgis 文章标签： arcgis vue

本文链接：https://blog.csdn.net/xnMorning/article/details/109224680

版权

vue + arcgis 专栏收录该内容

8 篇文章 5 订阅

订阅专栏

这篇博客介绍了如何在ArcGIS地图中添加文字标注，通过使用esri图形库中的TextSymbol和Point对象，创建并定位标注，然后将标注添加到地图中，展示了一个简单的代码示例，帮助读者理解这一过程。

摘要由CSDN通过智能技术生成

Arcgis地图添加文字标注

还是直接上代码
按需引入文件

esri.loadModules([
  "esri/graphic",
  "esri/symbols/TextSymbol",
  "esri/geometry/Point",
  'dojo/domReady!',
])
.then(([
  Graphic,
  TextSymbol,
  Point
]) => {
  // 设置中心点添加样式
  const showPoint = data.geometry.getExtent().getCenter();
  // 文字添加的位置，多边形中心点
  const pointLocation = new Point(showPoint);
  // 要添加的文字
  const textsymbol = new TextSymbol('测试');
  // 文字的颜色
  textsymbol.setColor('white');
  // 生成对应图形
  let graphic = new Graphic(pointLocation, textsymbol);
  // 添加进地图中
  this.map.graphics.add(graphic);
})