arcgis for js4.x在地图上添加一段文字注解,需要经历下面这些步骤
1,先创建一个geometry对象,将坐标信息和坐标系指定
let position = {
type: "point",
x: 130,
y: 30,
spatialReference: {wkid:4326},
}
2,创建一个Graphic对象,符号类型和geometry对象
let textSymbol={
type: "text",
color: "#2152AC",
// angle: 90,
haloColor: "#ffffff",
haloSize: 1,
backgroundColor:"#ffffff",
borderLineSize:1,
borderLineColor:"#2152AC",
text: "天河区",
font: {
size: 15,
family: "Josefin Slab",
}
};
let graphic = new Graphic({
geometry: position,
symbol: textSymbol,
});
3,创建一个graphicsLayer图层,将Graphic添加到图层中
let graphicsLayer = new GraphicsLayer();
graphicsLayer.add(graphic)
到此你就可以在地图上看到文字注记信息了,如果是内网环境的话,你需要指定一个本地的字体库,如果没有用我的吧
百度网盘 https://pan.baidu.com/s/1b4B64MCluPwMKCkdEhV9TA提取码76rd
把字体库部署tomcat或者iis上面,通过ip和端口的形式去访问
然后,在config配置模块添加字体库地址
require(["esri/config"], function(esriConfig){
esriConfig.fontsUrl = "http://localhost:8032/fonts/fonts/"
}
然后你就可以在地图上看到美美的文字了,开心❤
网友评论