地图--文字标记图层

创建文字标记图层–labelSymbol:

showSwLabel:function(pumpList){
  var gl = map.getLayer("swLabel");
  if(!gl){
    gl= new GraphicsLayer({"id":"swLabel"});
    map.addLayer(gl);
  }else {
    gl.clear();
  }
  
  var font = new Font("16px",Font.VARIANT_NORMAL, Font.WEIGHT_BOLD,"Courier");//Font.STYLE_ITALIC,
  font.setWeight(Font.WEIGHT_BOLD);
  //为泵站水位添加注记
  pumpList.map(function (item) {
      var labelSymbol = new TextSymbol().setOffset(30, 1).setFont(font);
      labelSymbol.setText(item.riverName+": "+item.ppupz+"m");
      labelSymbol.setColor(new esri.Color([201, 204, 211]));
      var point = new Point(parseFloat(item.x),parseFloat(item.y),map.spatialReference);
      var labelGraphic = new Graphic(point,labelSymbol,item,null);
      gl.add(labelGraphic);
  });
  
  map.graphics.on("click", function (evt) {
    console.log(evt);
  });
  
}

效果图:

在这里插入图片描述


版权声明:本文为weixin_44293690原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。