arcgis for javascript在FeatureLayer上添加文本信息

方法一:

复制代码
 1      //创建图形曾
 2         var graphicsLayer = new GraphicsLayer();
 3         //创建文本符号
 4         var textSymbol = new TextSymbol();
 5         //文本的内容的实在
 6         textSymbol = {
 7             type: "text",
 8             text: "姓名:张三",
 9             //字体设置
10             font: {
11                 family: "Merriweather",
12                 size: 12,
13                 style: "italic",
14                 weight: "bold",
15             },
16         };
17         //创建图形,设置图形的经纬度和文本内容
18         var graphic = new Graphic(new Point(97.88486481, 23.97676849), textSymbol);
19         //形将显示在‎‎图形图层‎‎中。‎
20         graphicsLayer.add(graphic);
21         view.map.add(graphicsLayer);
复制代码

方法二:

复制代码
 1       //为图层上的标注定义标注表达式、符号、比例范围、标注优先级和标注放置选项
 2         const statesLabelClass = new LabelClass({
 3             // 显示文本内容
 4             labelExpressionInfo: {
 5                 expression:
 6                     '"姓名:" + $feature.xm +\n"\\n性别:" + $feature.xb +\n"\\n学历:" + $feature.xl '
 7             },
 8             // 标注所在位置
 9             labelPlacement: "above-left",
10             // 符号设置,文字设置
11             symbol: {
12                 type: "text", // autocasts as new TextSymbol()
13                 color: "red",
14                 // haloSize: 1,
15                 haloColor: "white",
16                 // 调整多行文本的水平对齐方式。
17                 horizontalAlignment: "left",
18                 // 调整文本的垂直对齐方式。
19                 verticalAlignment: "middle",
20             },
21         });
22         // FeatureLayer的labelingInfo存放此图层的标注信息
23         featureLayer.labelingInfo = [statesLabelClass];
复制代码

 

posted @   写前端的扛把子  阅读(372)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示