欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

VueCLI使用ArcGIS API for JavaScript(七)

程序员文章站 2023-12-26 15:27:33
...

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);
})

VueCLI使用ArcGIS API for JavaScript(七)
更多样式自己摸索吧,就说个最简单的添加标注

上一篇:

下一篇: