ArcGIS API for JavaScript中Symbol符号篇—PictureMarkerSymbol

PictureMarkerSymbol是将点渲染成照片，效果如图：

核心代码如下：

featureLayer.on("mouse-over",function(evt){
    var point = evt.graphic.geometry;
    var pictureSymbol;
    switch (evt.graphic.attributes.TENDERTYPEID) {
        case "1":
        {
           pictureSymbol = new PictureMarkerSymbol("/Images/blue.png", 40, 40);
           break;
        }
        case "2":
        {
            pictureSymbol = new PictureMarkerSymbol("/Images/green.png", 40, 40);
            break;
        }
        case "3":
        {
            pictureSymbol = new PictureMarkerSymbol("/Images/purple.png", 40, 40);
            break;
        }
        case "4":
        {
            pictureSymbol = new PictureMarkerSymbol("/Images/red.png", 40, 40);
            break;
        }
        default :
        {
            pictureSymbol = new PictureMarkerSymbol("/Images/yellow.png", 40, 40);
            break;
        }
    }
    var graphic = new Graphic(point,pictureSymbol);
    pictureGraphicLayer.add(graphic);
});                    

代码显示效果为：鼠标移过图片后，显示放大图

 如果代码30行与31行之间，插入以下代码，实现图片旋转90度

pictureSymbol.setAngle(90);

效果图如下：

如果代码30行与31行之间，插入以下代码，设置图片高度90px

pictureSymbol.setHeight(90);

效果图如下

如果代码30行与31行之间，插入以下代码，设置图片宽度90px

pictureSymbol.setWidth(90);

效果图如下

如果代码30行与31行之间，插入以下代码，图片宽度右偏移10px，上偏移10px

pictureSymbol.setOffset(10,10);

效果图如下

如果代码30行与31行之间，插入以下代码，更换图片源

pictureSymbol.setUrl("/ShanDong/App_Themes/MainTheme/images/construction.png");

效果图如下