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");

效果圖如下