arcgis for js4.x添加文字标注

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

}

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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容