ArcGIS API for JavaScript中Symbol符号篇—PictureMarkerSymbol

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

核心代码如下：

 1 featureLayer.on("mouse-over",function(evt){
 2     var point = evt.graphic.geometry;
 3     var pictureSymbol;
 4     switch (evt.graphic.attributes.TENDERTYPEID) {
 5         case "1":
 6         {
 7            pictureSymbol = new PictureMarkerSymbol("/Images/blue.png", 40, 40);
 8            break;
 9         }
10         case "2":
11         {
12             pictureSymbol = new PictureMarkerSymbol("/Images/green.png", 40, 40);
13             break;
14         }
15         case "3":
16         {
17             pictureSymbol = new PictureMarkerSymbol("/Images/purple.png", 40, 40);
18             break;
19         }
20         case "4":
21         {
22             pictureSymbol = new PictureMarkerSymbol("/Images/red.png", 40, 40);
23             break;
24         }
25         default :
26         {
27             pictureSymbol = new PictureMarkerSymbol("/Images/yellow.png", 40, 40);
28             break;
29         }
30     }
31     var graphic = new Graphic(point,pictureSymbol);
32     pictureGraphicLayer.add(graphic);
33 });

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

 如果代码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");

效果图如下

posted @ 2015-03-09 08:49  八宝凉茶  阅读(5237)  评论(0)  编辑  收藏  举报