ArcGIS API for JavaScript 3.24 文字标注的添加和带背景的文字添加

关注

VIP免费原创最新推荐文章于 2026-05-26 14:23:06 发布 7.2k 阅读 AI 写同款· GEO 优化 ›

arcGIS api 配合vue开发(二) 给地图添加标注上一篇已经写过了怎么引入arcGIS的css，js文件，有需要的可以去看一下，接下来就是地图的标注，我是用arcGIS的PictureMarkerSymbol来添加到地图上，话不多说上代码 <template> <div id="app"></div> </template> <script> import { loadModules } from "esri-loader"; export default { }, mounted: fu 阅读详情

说明：本人是一个gis小白，由于网上的资料过于专业，当时学习的时候经常看不懂，于是写了一些简单的关于ArcGIS Api for javaScript分享，若该分享中出现错误，希望大家指出，若能帮助到各位，不胜荣幸。

之前分享过添加一个点标注的方法，由于之前的写的比较详细且方法类似，这里就不细说，若有看不懂的可以先看看之前的那个分享 ArcGIS API for JavaScript 3.24 标注的添加和点击标注的回调事件

//文字
    var addTextSymbol = function(point,symbol,attributes,infoTemplate) {
        point = new DCI.esri.Point(point.longitude,point.latitude);
        symbol =  new DCI.esri.TextSymbol({
            'text': symbol.text || 'Missing text',
            'color': symbol.color || {a:1,r:0,g:0,b:0},  //{a:1,r:255,g:255,b:255}
            'angle': symbol.angle || 0,
            'xoffset': symbol.xoffset || 0,
            'yoffset': symbol.yoffset || 0,
            'font': new DCI.esri.Font(
                symbol.fontSize || "14pt",
                DCI.esri.Font.STYLE_ITALIC,
                DCI.esri.Font.VA