美文网首页
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