美文网首页
arcgis for js4.x添加文字标注

arcgis for js4.x添加文字标注

作者: panergongzi | 来源:发表于2020-06-10 10:01 被阅读0次

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/"

}

然后你就可以在地图上看到美美的文字了,开心❤

相关文章

网友评论

      本文标题:arcgis for js4.x添加文字标注

      本文链接:https://www.haomeiwen.com/subject/srrvzhtx.html