自定义ArcGIS API for Flex 地图提示窗体

 

 

有些时候我们需要在地图中显示一些自定义的信息，比如一个提示窗体，窗体里面显示一些信息。而Arcgis flex API中提供的几个symbol都比较简单，要么是一些符号，要么是一些文本图片，都不满足要求。参考帮助文档后发现可以直接在地图用InfoSymb类上显示地图要素的一些属性值，但是往往有时候我们要显示的并不是地图要素的属性，而是一些其他的信息。通过摸索发现InfoSymb可以实现自定义的提示信息。它有一个infoRenderer 属性，我们可以从这里下手。

首先先创建一个类MyLabel 继承自Labe类

package uc
{
    import mx.controls.Label;

    public class MyLabel extends Label
    {
        public function MyLabel()
        {
            super();

           //Label的字体大小
            this.setStyle("fontSize",12);

          //字体颜色
            this.setStyle("color","#56f73c");

         //Label的大小
            this.width=100;
            this.height=70;
        }
    }
}

然后就可以使用了~                 

                            var infoSymbol:InfoSymbol = new InfoSymbol();     //新建一个InfoSymb
                            var infoSymbolFactory:ClassFactory = new ClassFactory(MyLabel); //以类工厂的方式创建刚刚定义好的MyLabel类
                            infoSymbolFactory.properties={htmlText:information};                      //设置MyLabel的htmlText属性为一个String变量，也就是在Label上面显示该信息
                            infoSymbol.infoRenderer=infoSymbolFactory;                                    //制定InfoSymbol显示的内容
                            var myGraphic:Graphic = new Graphic(new MapPoint(100,100), infoSymbol);
                            myGraphicsLayer.add(myGraphic);

最后效果图如下，通过这种方法我们可以实现更炫更漂亮的信息提示窗体~~~

这个窗体其实就是另一篇文章中用到的提示窗体~ArcGIS API for Flex实现的实时监控功能