地图显示实例

最新推荐文章于 2023-04-27 14:15:33 发布
转载 最新推荐文章于 2023-04-27 14:15:33 发布 · 1k 阅读 · 0
文章标签：

#flexview

<?xml version="1.0" encoding="utf-8"?>
<!--
////////////////////////////////////////////////////////////////////////////////
//
//  name:对地图的基本操作 和 一些数据上的展示
//  time:2010.1.3
//  editor:lvh
////////////////////////////////////////////////////////////////////////////////
-->
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" xmlns:esri="http://www.esri.com/2008/ags" xmlns:tuli="tulie.*"
  creationComplete="canvas1_creationCompleteHandler(event)"  backgroundColor="0x9EBCD8"  xmlns:flexExample="dataManagerModule.flexExample.*"
  xmlns:com="component.*"
  xmlns:local="*" >
 <mx:Script>
  <![CDATA[
   import BroCommon.CustomerEvent;
   import BroCommon.Util;
   import com.esri.ags.Graphic;
   import com.esri.ags.events.QueryEvent;
   import com.esri.ags.events.ZoomEvent;
   import com.esri.ags.geometry.Extent;
   import com.esri.ags.geometry.MapPoint;
   import com.esri.ags.geometry.Polygon;
   import com.esri.ags.symbol.Symbol;
   import com.esri.ags.tasks.FeatureSet;
   import com.esri.ags.tasks.Query;
   import com.esri.ags.tasks.QueryTask;
   import hxq.changP;
   import hxq.songB;
   import component.InfoPopup;
   import mx.collections.ArrayCollection;
   import mx.events.FlexEvent;
   import mx.managers.CursorManager;
   import mx.managers.PopUpManager;
   import mx.rpc.AsyncResponder;
   
   [Embed(source="/images/020.png")]
   private var MouseIcon:Class;
   
   public var peizhiArray:XML;
            
            private var zoomScale:Number = 5000;
            
            //鼠标点过显示信息窗口
   private var graphicClick:Graphic;
            //鼠标移过显示信息窗口
   private var graphic:Graphic;
   //查询函数
   private var qt0:QueryTask;
   
      //查询Tree函数
   private var qt2:QueryTask;
   
   //查询基地函数
   private var qt1:QueryTask;
   
   //查询乡镇点地函数
   private var qt3:QueryTask;
   
   //查询基地点函数
   private var qt4:QueryTask;
   
   //查询基地的基础设施函数
   private var qt5:QueryTask;
   
   //查询场点面的基础设施函数
   private var qt6:QueryTask;
   
   //查询场点面的基础设施函数
   private var qt7:QueryTask;
   
   //查询村点面的基础设施函数
   private var qt8:QueryTask;
   //核心区
   private var qt9:QueryTask
   //点击弹出窗口的类
   private var infoPopup:InfoPopup;
   //点击地图上的点 传递的属性
   private var infoData:Object;
   
   private var infoContainer:Canvas;
   //应用加载后去服务器读取当前用户信息，根据组织机构调用相应的地图服务
   protected function canvas1_creationCompleteHandler(event:FlexEvent):void
   {   
    var peizhiArray:XML = this.parentDocument.OutsideArray
    map.scale = 1200000;
    mapTile.url  ="http://" + peizhiArray.server.@arcgis_host + ":" +peizhiArray.server.@arcgis_port + "/arcgis/rest/services/"+peizhiArray.server.@area_code + "/MapServer";
    mapLayer.url = "http://" + peizhiArray.jidi.@arcgis_host + ":" +peizhiArray.jidi.@arcgis_port + "/arcgis/rest/services/"+peizhiArray.jidi.@area_code + "/MapServer";
       //mapjidi.url ="http://" + peizhiArray.jidi.@arcgis_host + ":" +peizhiArray.jidi.@arcgis_port + "/arcgis/rest/services/"+peizhiArray.jidi.@area_code + "/MapServer";
       
    //进行查询县点 
       qt0 = new QueryTask(mapLayer.url+"/0");
       //县面
       qt2 = new QueryTask(mapLayer.url+"/14");
       //基地面
       qt1 = new QueryTask(mapLayer.url+"/13");
       //乡镇点
       qt3 = new QueryTask(mapLayer.url+"/2");
       //基地点
       qt4 = new QueryTask(mapLayer.url+"/1");
       //村点
       qt8 = new QueryTask(mapLayer.url+"/3");
          //核心区
       qt9 = new QueryTask(mapLayer.url+"/16");
       //基础设施
       qt5 = new QueryTask(mapLayer.url+"/4");
       //基础设施Gai
       qt7 = new QueryTask(mapLayer.url+"/4");
       //乡镇面
       qt6 = new QueryTask(mapLayer.url+"/12");
       qt0.addEventListener(QueryEvent.EXECUTE_COMPLETE, onAreaQueryResult);
       qt3.addEventListener(QueryEvent.EXECUTE_COMPLETE, onXZhenQueryResult);
       qt4.addEventListener(QueryEvent.EXECUTE_COMPLETE, onJDPointResult);
       qt5.addEventListener(QueryEvent.EXECUTE_COMPLETE, onJcssResult);
       qt7.addEventListener(QueryEvent.EXECUTE_COMPLETE, onJcssGResult);
       qt8.addEventListener(QueryEvent.EXECUTE_COMPLETE, onCunGResult);
       qt9.addEventListener(QueryEvent.EXECUTE_COMPLETE, onHxqGResult);
   
   }
   //取得查询方法
   private function getQuery(url:String,code:String):QueryTask{
                    return new QueryTask(url+"/"+code);   
   }
   
   //鼠标滑到以后显示
         private function mouseOverHandler(event:MouseEvent):void
         {    
          
            if(event.target is Graphic){
              graphic = Graphic(event.target);
            }else if(event.target.parent is Graphic){
             graphic = Graphic(event.target.parent);
            }
            else{
             return;
            } 
            
            
            if(graphic.attributes.hasOwnProperty("m")){
                  if(graphic.attributes.ID =="160"){
                      var titleWindow:changP = new changP();  
                    titleWindow.showCloseButton = true;  
                    titleWindow.width = 800;  
                    titleWindow.height = 410;  
      
                    PopUpManager.addPopUp(titleWindow, this, true);  
                    PopUpManager.centerPopUp(titleWindow);  
   
                }else if(graphic.attributes.ID =="100"){
                      var titleWindowA:songB = new songB();  
                    titleWindowA.showCloseButton = true;  
                    titleWindowA.width = 800;  
                    titleWindowA.height = 410;  
      
                    PopUpManager.addPopUp(titleWindowA, this, true);  
                    PopUpManager.centerPopUp(titleWindowA);  
   
                }
            }else{
            if(graphic.attributes.hasOwnProperty("t")){
                  if(graphic.attributes.t == "jidi"){
                    infoData = 
        {
         //point: GeometryUtil.getGravityCenter(Polygon(graphic.geometry)),
         point: map.toMap(new Point(event.stageX, event.stageY)),
         code:graphic.attributes.OBJECTID,
         type:graphic.attributes.t,
         name:graphic.attributes.NAME,
         peizhi:this.parentDocument.OutsideArray
        };
               }else  if(graphic.attributes.t == "xz"){
                          infoData = 
        {
         point: graphic.geometry,
         code:graphic.attributes.OBJECTID,
         type:graphic.attributes.t,
         name:graphic.attributes.NAME,
         infotype:graphic.attributes.Image_type,  
         peizhi:this.parentDocument.OutsideArray
        };
               }else  if(graphic.attributes.t == "area"){
                          infoData = 
        {
         point: graphic.geometry,
         code:graphic.attributes.XZCODE,
         type:graphic.attributes.t,
         name:graphic.attributes.NAME,
         peizhi:this.parentDocument.OutsideArray
        };
               }else  if(graphic.attributes.t == "cun"){
                if(graphic.attributes.ID =="160"){
                     return;
   
                }else if(graphic.attributes.ID =="100"){
                     return;
   
                }else{
                          infoData = 
        {   
         infotype:"cun",
         point: graphic.geometry,
         code:graphic.attributes.ID,
         type:graphic.attributes.t,
         name:graphic.attributes.CUNNAME,
         peizhi:this.parentDocument.OutsideArray
        };
                }
               }else{
                          infoData = 
        {
         point: graphic.geometry,
         code:graphic.attributes.id,
         type:graphic.attributes.t,
         name:graphic.attributes.name,
         peizhi:this.parentDocument.OutsideArray
        };
               }
            
            }
            if(graphic.attributes.hasOwnProperty("TYPE")){
             if(graphic.attributes.TYPE =="SGD" || graphic.attributes.TYPE =="ZXZ"){
              
                     infoData = 
         {
          point: graphic.geometry,
          code:graphic.attributes.SGDBH,
          type:graphic.attributes.TYPE,
                name:graphic.attributes.NAME,
          peizhi:this.parentDocument.OutsideArray
         };
             }if(graphic.attributes.TYPE =="YMJD" ){
              
                     infoData = 
         {
          point: graphic.geometry,
          code:graphic.attributes.ID,
          type:graphic.attributes.TYPE,
                name:graphic.attributes.YMJDname,
          peizhi:this.parentDocument.OutsideArray
         };
             }if(graphic.attributes.TYPE =="HZS" ){
              
                     infoData = 
         {
          point: graphic.geometry,
          code:graphic.attributes.ID,
          type:graphic.attributes.TYPE,
                name:graphic.attributes.YMJDname,
          peizhi:this.parentDocument.OutsideArray
         };
             }else{
                     infoData = 
         {
          point: graphic.geometry,
          code:graphic.attributes.SGDBH,
          type:graphic.attributes.TYPE,
          infotype:graphic.attributes.Image_type,      
                name:graphic.attributes.NAME,
          peizhi:this.parentDocument.OutsideArray
         };
             }
            }
        
           //判断弹出窗口是否为空
          if(infoContainer==null){
           infoContainer = new Canvas();
           infoContainer.percentWidth = 500;
           infoContainer.percentHeight = 400;
           infoContainer.horizontalScrollPolicy = "off";
           infoContainer.verticalScrollPolicy = "off";
           this.addChild(infoContainer);
           infoPopup = new InfoPopup();
           infoPopup.addEventListener("Dclick",function(event:CustomerEvent){
                var obj = event.getObject();
                if(obj!=null){
                 if(obj.type =="jidi"){
                         getJidi(obj.id.toString());
                       }else if(obj.type =="area"){
                           getCity(obj.id.toString());
                       }else if(obj.type=="SGD" || obj.type=="ZXZ"){
                              getSgd(obj.id.toString()); 
                       }
                   }
           })
           infoPopup.map = map;
           infoContainer.addChild(infoPopup);
          }
          infoPopup.currentState="";
          infoPopup.infoData=infoData;
          infoData=null;
                 }
         }
         
         //查找基地图层错误
           private function onFault(info:Object,token:Object=null):void
            {
               Util.debug(info.toString());
            }  
            
            //基地图层查找事件正确响应函数
   private function executeCompleteHandler(result:FeatureSet,token:Object = null):void
            {    
                 var fr:Array =result.features ;
                 if(fr.length>0){
                      var graphic:Graphic = fr[0];
                      graphic.attributes.t="jidi";
                   map.extent = graphic.geometry.extent.expand(1.1); // zoom out a little，以所有查询结果的地理范围进行放大显示
                     
                     
                     //removeDa(10);
                     //getDayLay("0");
                   var params1:Query=new Query();
       params1.geometry = graphic.geometry;
                params1.outFields=['*'];
                params1.returnGeometry = true;
                   qt3.execute(params1);
                 
                qt5.execute(params1);
       var t:Array = new Array();
       t.push(new MapPoint(mapLayer.fullExtent.extent.xmin, mapLayer.fullExtent.extent.ymin));
       t.push(new MapPoint(mapLayer.fullExtent.extent.xmin, mapLayer.fullExtent.extent.ymax));
       t.push(new MapPoint(mapLayer.fullExtent.extent.xmax, mapLayer.fullExtent.extent.ymax));
       t.push(new MapPoint(mapLayer.fullExtent.extent.xmax, mapLayer.fullExtent.extent.ymin));
       t.push(new MapPoint(mapLayer.fullExtent.extent.xmin, mapLayer.fullExtent.extent.ymin));
       Polygon(graphic.geometry).addRing(t);
       
       polygonLayer.clear();
       polygonLayer.add(graphic);
        //查找乡镇的点
         
                 }
              }
              
            public function addDayLay(id:String){
               var visibleLayers:ArrayCollection;
                 if(mapLayer is ArcGISDynamicMapServiceLayer)
                  {
                     //获取当前可见图层列表
                     visibleLayers=ArcGISDynamicMapServiceLayer(mapLayer).visibleLayers;
                    //在当前可见图层列表中加入要显示的图层
                     visibleLayers.addItem(id);
                  }
            
            }
            
            public function removeDa(id:int){
                var visibleLayers:ArrayCollection;
                  if(mapLayer is ArcGISDynamicMapServiceLayer)
                  {  
                    //获取当前可见图层列表
                     visibleLayers=ArcGISDynamicMapServiceLayer(mapLayer).visibleLayers;
                      var index:int=visibleLayers.getItemIndex(id);
                   if(id==-1){
                    
                    //在当前可见图层列表中删除显示的图层
                      visibleLayers.removeAll();
                    }else{
                    if(index!=-1){ 
                     visibleLayers.removeItemAt(index);
                    }
                    }
                  }
            }
            //点击收购点查找事件正确响应函数
   private function executeCompleteAHandler(result:FeatureSet,token:Object = null):void
            {    
                 var fr:Array =result.features ;
                 if(fr.length>0){
                      var graphic:Graphic = fr[0];
                      graphic.attributes.t="jidi";
                   map.extent = graphic.geometry.extent.expand(1.1); // zoom out a little，以所有查询结果的地理范围进行放大显示
                   
                    var params1:Query=new Query();
        params1.geometry = graphic.geometry;
                 params1.outFields=['*'];
                 params1.returnGeometry = true;
                 qt3.execute(params1);
                 
                 qt7.execute(params1);
                 qt8.execute(params1);
                 qt9.execute(params1);
       var t:Array = new Array();
       t.push(new MapPoint(mapLayer.fullExtent.extent.xmin, mapLayer.fullExtent.extent.ymin));
       t.push(new MapPoint(mapLayer.fullExtent.extent.xmin, mapLayer.fullExtent.extent.ymax));
       t.push(new MapPoint(mapLayer.fullExtent.extent.xmax, mapLayer.fullExtent.extent.ymax));
       t.push(new MapPoint(mapLayer.fullExtent.extent.xmax, mapLayer.fullExtent.extent.ymin));
       t.push(new MapPoint(mapLayer.fullExtent.extent.xmin, mapLayer.fullExtent.extent.ymin));
       Polygon(graphic.geometry).addRing(t);
       
       polygonLayer.clear();
       polygonLayer.add(graphic);
        //查找乡镇的点
         
                 }
              }
            
         //加载县点
         private function getXiandian(){
          //查询参数
    var param:URLVariables = new URLVariables();
    param.xmin = map.extent.xmin;
    param.ymin = map.extent.ymin;
    param.xmax = map.extent.xmax;
    param.ymax = map.extent.ymax;
             //县点
    var qp:Query = new Query();
    qp.geometry = map.extent;
    qp.returnGeometry = true;
    qp.outFields = ["*"];
    qt0.execute(qp);
         
         }
   //基础设施查询结果处理
   private function onTPQueryResult(obj:Object):void{
    for each(var o:Object in obj){
     pointLayer.add(new Graphic(new MapPoint(o.X, o.Y), null, {t:o.T,id:o.ID,name:o.NAME}))
    }
   }
   
     //基地点查询结果处理
   private function onJDPointResult(event:QueryEvent):void{
    for each(var g:Graphic in event.featureSet.features){
     g.attributes.t = "jidi"
     pointLayer.add(g);
    }
   }
   //查找JCSS的查询结果处理
   private function onJcssResult(event:QueryEvent):void{
        for each(var g:Graphic in event.featureSet.features){
     if(g.attributes.TYPE =="SGD" || g.attributes.TYPE =="ZXZ"){
            //g.attributes.Image_type="jcss"
            pointLayer.add(g);
        }
    }
   }
   
      //查找JCSSG的查询结果处理
   private function onJcssGResult(event:QueryEvent):void{
        for each(var g:Graphic in event.featureSet.features){
        if(g.attributes.TYPE =="SGD" || g.attributes.TYPE =="ZXZ"){
            // g.attributes.Image_type="jcss"
                //pointLayer.add(g);
        }else if(g.attributes.TYPE =="YMJD"){
          g.attributes.Image_type="jcss"
           pointLayer.add(g);
        }else if(g.attributes.TYPE=="HZS"){
          g.attributes.Image_type="jcss"
                 pointLayer.add(g);
        }
    }
   }
   
    //查找村的查询结果处理
   private function onCunGResult(event:QueryEvent):void{
        for each(var g:Graphic in event.featureSet.features){
         if(g.attributes.ID!="160" && g.attributes.ID!="100"){
             g.attributes.t="cun"
                pointLayer.add(g);
         }
    }
   }
   
      //查找核心区的查询结果处理
   private function onHxqGResult(event:QueryEvent):void{
        for each(var g:Graphic in event.featureSet.features){
         if(g.attributes.ID=="160" || g.attributes.ID=="100"){
             g.attributes.m="hxq"
                pointLayer.add(g);
         }
    }
   }
   
      //行政区划点查询结果处理
   private function onAreaQueryResult(event:QueryEvent):void{
    for each(var g:Graphic in event.featureSet.features){
     g.attributes.t = "area"
     pointLayer.add(g);
    }
   }
   
   //乡镇点查询处理
   private function onXZhenQueryResult(event:QueryEvent):void{
    for each(var g:Graphic in event.featureSet.features){
     g.attributes.t = "xz"
     g.attributes.Image_type="xzd"
     pointLayer.add(g);
    }
   }
         //Graphics样式
   private function symbolFunc(g:Graphic):Symbol{
    //基础设施
    if(g.attributes.t == "TP_STATION"){
     return TP_STATION;
    }else if(g.attributes.t == "jidi"){
        return areaSymbol1;
    }else if(g.attributes.t=="TP_WATER_PROJECT"){
    return TP_WATER_PROJECT;
    }
    else if(g.attributes.t=="TP_TRACTOR_ROAD"){
    return TP_TRACTOR_ROAD;
    }
    else if(g.attributes.t=="TP_DRY_HOUSE"){
    return TP_DRY_HOUSE;
    }
    else if(g.attributes.t=="TP_ROAST_HOUSE"){
    return TP_ROAST_HOUSE;
    }
    else if(g.attributes.t=="TP_GROW_POINT"){
    return TP_GROW_POINT;
    }
    else if(g.attributes.t=="TP_LEAF_FIELD"){
    return TP_LEAF_FIELD;
    }else if(g.attributes.t=="xz"){
    return areaSymbol1;
    }else if(g.attributes.hasOwnProperty("m")){
     return areaSymbol1;
    }
    //行政区划
    else{
     
     return areaSymbol1;
    }
   }
   //点击树的方法
     public function map_zoomEndHandler(event:ZoomEvent):void
   {  
      if(flexGJ.tree.selectedItem!=null){
     var Tree_directoryID:String=flexGJ.tree.selectedItem.Directory_ID;
      if(Tree_directoryID!=null){ 
        if(Tree_directoryID == "002"){
            map_fullextend();
        }else if(Tree_directoryID =="350784"){
            getCity(Tree_directoryID);
        }else if(Tree_directoryID.length == 1){
         getJidi(Tree_directoryID);
        }
       }
       if(flexGJ.tree.selectedItem.Directory_TYPE!=null){
           if(flexGJ.tree.selectedItem.Directory_TYPE =="sgd"){
               getSgd(Tree_directoryID);
           }else if(flexGJ.tree.selectedItem.Directory_TYPE =="hxqcp"){
               getSgd(Tree_directoryID);
                  var titleWindow:changP = new changP();  
                    titleWindow.showCloseButton = true;  
                    titleWindow.width = 800;  
                    titleWindow.height = 410;  
      
                    PopUpManager.addPopUp(titleWindow, this, true);  
                    PopUpManager.centerPopUp(titleWindow);  
           }else if(flexGJ.tree.selectedItem.Directory_TYPE =="hxqsb"){
                getSgd(Tree_directoryID);
                  var titleWindowA:songB = new songB();  
                    titleWindowA.showCloseButton = true;  
                    titleWindowA.width = 800;  
                    titleWindowA.height = 410;  
      
                    PopUpManager.addPopUp(titleWindowA, this, true);  
                    PopUpManager.centerPopUp(titleWindowA); 
           }
        
       }
      }
       }
      //点击县级市的响应结果
      private function getCity(id:String){
       if(id =="350784"){
         mapLayer.visibleLayers =new ArrayCollection([13,1,2,17])
        pointLayer.clear();
        map.scrollWheelZoomEnabled =false;
        //查找市的面
           var params:Query=new Query();
     params.where = "CNTY_CODE ='"+id+"'";
             params.outFields=['*'];
              params.returnGeometry = true;
        qt2.execute(params,new AsyncResponder(treeClickQuery,onFault));
       }else{
       return;
       }
      }
      //点击收购点的响应结果
      private function getSgd(id:String){
       mapLayer.visibleLayers =new ArrayCollection([4,2,3,0,16,5,6,8,9,12,17])
         //查找场点的面
             pointLayer.clear();
             map.scrollWheelZoomEnabled =true;
           var params:Query=new Query();
     params.where = "SGZCODE='"+id+"'";
             params.outFields=['*'];
              params.returnGeometry = true;
        qt6.execute(params,new AsyncResponder(executeCompleteAHandler,onFault));
      }
      
      public function getJidi(id:String){
         mapLayer.visibleLayers =new ArrayCollection([12,2,17,18])
         pointLayer.clear();
         map.scrollWheelZoomEnabled =true;
         //查找基地的图层
          var params:Query=new Query();
            params.outFields=['*'];
            params.where = "CNTY_CODE='"+id+"'";
             params.returnGeometry = true;
       qt1.execute(params,new AsyncResponder(executeCompleteHandler,onFault));
       
      }
      
 
           //基地图层查找事件正确响应函数
   private function treeClickQuery(result:FeatureSet,token:Object = null):void
            {   
                var fr:Array =result.features;
                if(fr.length>0){
                  var graphic:Graphic = fr[0];
                  var unionedExtent:Extent = fr[0].geometry.extent;
                  for(var i:int=1; i<fr.length; i++){
                 unionedExtent = unionedExtent.union(fr[i].geometry.extent);
                 Polygon(graphic.geometry).addRing(Polygon(fr[i].geometry).rings[0]);
                  }
                 
                  map.extent = unionedExtent.expand(1.1);
                 
              //查找基地的点
        var paramsG:Query=new Query();
     paramsG.geometry = graphic.geometry;
             paramsG.outFields=['*'];
              paramsG.returnGeometry = true;
              qt4.execute(paramsG);
              qt3.execute(paramsG);
                  //var graphic:Graphic = fr[0];
                  //map.extent = graphic.geometry.extent.expand(1.1); // zoom out a little，以所有查询结果的地理范围进行放大显示
      var t:Array = new Array();
      t.push(new MapPoint(mapLayer.fullExtent.extent.xmin, mapLayer.fullExtent.extent.ymin));
      t.push(new MapPoint(mapLayer.fullExtent.extent.xmin, mapLayer.fullExtent.extent.ymax));
      t.push(new MapPoint(mapLayer.fullExtent.extent.xmax, mapLayer.fullExtent.extent.ymax));
      t.push(new MapPoint(mapLayer.fullExtent.extent.xmax, mapLayer.fullExtent.extent.ymin));
      t.push(new MapPoint(mapLayer.fullExtent.extent.xmin, mapLayer.fullExtent.extent.ymin));
      Polygon(graphic.geometry).addRing(t);
      
      polygonLayer.clear();
      polygonLayer.add(graphic);
    }
    else{
     polygonLayer.clear();
    }
              }
      
       //全图
             private function map_fullextend():void{
               mapLayer.visibleLayers =new ArrayCollection([0,14])
               if(!map.visible)map.visible=true;
               pointLayer.clear();
     polygonLayer.clear();
     map.scrollWheelZoomEnabled =false;
     map.extent = mapLayer.fullExtent;
     getXiandian();
    }

   protected function flexGJ_checkBoxChangedEventHandler(event:Event):void
   {
    //Util.debug(flexGJ.tp_leaf_field.selected)
   }

  ]]>
 </mx:Script>

     <!--设置点样式 -->
     <esri:SimpleMarkerSymbol id="areaSymbol1" size="20" alpha="0.0" color="0xFF0000"/>
     <esri:SimpleFillSymbol id="sfsFind" alpha="0.0"/>
     <esri:PictureMarkerSymbol id="TP_STATION"       source="@Embed('images/tp_stationG.gif')" />
     <esri:PictureMarkerSymbol id="TP_WATER_PROJECT" source="@Embed('images/TP_WATER_PROJECTG.gif')"/>
     <esri:PictureMarkerSymbol id="TP_TRACTOR_ROAD"  source="@Embed('images/TP_TRACTOR_ROADG.gif')" />
     <esri:PictureMarkerSymbol id="TP_DRY_HOUSE"     source="@Embed('images/TP_DRY_HOUSE.gif')"/>
     <esri:PictureMarkerSymbol id="TP_ROAST_HOUSE"   source="@Embed('images/TP_ROAST_HOUSEG.gif')"/>
     <esri:PictureMarkerSymbol id="TP_GROW_POINT"    source="@Embed('images/TP_GROW_POINTG.gif')"/>
     <esri:PictureMarkerSymbol id="TP_LEAF_FIELD"    source="@Embed('images/TP_LEAF_FIELDG.gif')"/> 
     
     <esri:SimpleLineSymbol id="lineSymbol" color="0x0000FF" width="5"/>
     <esri:SimpleFillSymbol id="polygonSymbol" color="#EAEAEA" alpha="1"/>
     
  <esri:Map id="map" left="0" top="0" right="0" bottom="0" doubleClickZoomEnabled="false" visible="false" scaleBarVisible="false" zoomSliderVisible="false" scrollWheelZoomEnabled ="true"
   navigationStyleName="navigationStyle" logoVisible="false"  backgroundColor="#EAEAEA">
      <esri:ArcGISTiledMapServiceLayer id="mapTile" visible="true"  />
     <esri:ArcGISDynamicMapServiceLayer id="mapLayer" alpha="0.7"  visible="true"   load="map_fullextend()" imageFormat="png24" />
   <esri:GraphicsLayer id="graphicsLayer" symbolFunction="symbolFunc"  
        mouseOver="CursorManager.setCursor(MouseIcon)"
        mouseOut="CursorManager.removeAllCursors()"/>
   <esri:GraphicsLayer id="pointLayer" symbolFunction="symbolFunc" mouseOver="CursorManager.setCursor(MouseIcon)" click="mouseOverHandler(event)" 
        mouseOut="CursorManager.removeAllCursors()"/>
   <esri:GraphicsLayer id="polygonLayer" symbol="{polygonSymbol}"/>
  </esri:Map>
   <mx:VBox id="toc" moveEffect="{moveEffect}" width="100%" height="100%" horizontalAlign="right" showEffect="{showTOC}" hideEffect="{hideTOC}" right="40" scroll="false">
  <flexExample:MenuToolNp id="flexGJ" checkBoxChangedEvent="flexGJ_checkBoxChangedEventHandler(event)" TreeClickEvent="map_zoomEndHandler(null)"/>
   </mx:VBox>
     <tuli:nanpTuli bottom="10" left="10"  />
     <mx:Move id="moveEffect" target="{toc}"/>
     <mx:WipeLeft id="showTOC" target="{toc}"/>
  <mx:WipeRight id="hideTOC" target="{toc}"/>

</mx:Canvas>


转载：http://1984yifeng.blog.163.com/blog/static/4728439120103232574073/






百度地图API JS调用实例
程序员蒋老湿的博客
05-18 2766
因为最近项目中需要使用百度地图，特此记录一下使用过程，大致跟百度地图API中的demo一样，只是将多个方法进行了一下封装。主要是用到了地图定位、地图坐标点选择、智能搜索定位。直接上代码：样式： &lt;style&gt; body,html,div,header{ margin:0; padding:0;} #i...
arcgis for javascript 编写的在页面上显示地图的小例子
loveszg的专栏
11-18 1864
注意以下是代码：               Simple Map               html, body, #map {         height: 100%;         width: 100%;         margin: 0;         padding: 0;       }       body {  
Echarts结合百度地图API
德魁_博客
05-14 1万+
Echarts结合百度地图API下面的代码运用到了Echarts 和百度地图API,地图的样式自定义的。(效果图在最下边) 运用到了百度API中的自定义控件，监听事件addEventListener(),添加控件addControl(),添加覆盖物addOverlay() 移除覆盖物removeOverlay() //运用Echarts图标表的标准步骤首先需要初始化一个Echarts对象，可以
Echarts官方实例地图不显示
ThePythonFucker的博客
05-09 1928
官方显示是这个样子 下载后打开是这个样子 就一个标题，啥都没有 查了好多说的都很复杂，而且作为新手也看不懂 可以这么改 找到这个文件代码中的这一行 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.3.2/dist/echarts.min.js"> 给注释掉，把下面这些代码加上 <script type="text/javascript" src="https
微信小程序-地图实例
A-南的博客
11-21 1635
效果图 第一步申请高德地图Key 申请地址 下载amap-wx.js 高德地图封装好了的API 用到API接口二次封装 let amapFile = require("./amap-wx"); // 高德开发者key let key = '申请的key'; let myAmapFun = new amapFile.AMapWX({ key }); class Amap { /** * 获取POI数据 * @param {string} querykeywords */ s
百度地图源码实例
Yanfengting的博客
10-03 3980
效果： 源码： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&am
百度地图使用实例
springmvc_springdata的专栏
12-24 1971
百度地图使用实例 源代码下载地址：http://www.zuidaima.com/share/1550463624170496.htm
Echarts地图实例
不如养猪！
09-22 2882
如下是Echats的地图实例，拖动右侧的滚动条可以改变地区的颜色，可用于预警信息等功能。当左侧滚动条数值为4时，显示颜色如左。 当右侧滚动条数值为2.5时候，显示颜色如左侧。 关键代码如下（读者可根据自己实际情况自行修改）。 DAO层： @Override public List getMapChartData(Map map) { StringBuilder
ECharts系列 - 地图 实例一
热门推荐
光华小丸子
11-30 2万+
ECharts主页：  http://echarts.baidu.com/index.html ECharts-2.1.8下载地址：  http://echarts.baidu.com/build/echarts-2.1.8.zip ECharts官方实例：  http://echarts.baidu.com/doc/example.html ECharts官方API文档：  h
vue3 引入高德地图实例
爱媳妇儿爱编程
04-27 3494
了解记录下项目中需要用到的高德地图的一些功能用法和项目实例。
vue基于Vue2.0和高德地图的地图组件实例
08-30
vue-amap 支持数据的单向绑定，直接更新本地数据状态即可同步地图显示状态。这使得开发者可以轻松地更新地图状态，而不需要关心地图 API 的具体实现。 知识点五：实时更新位置 使用 vue-amap，可以轻松地实现实时...
精选资源
使用openlayers加载离线地图实例
10-06
2. **创建地图容器**：在HTML中定义一个div元素，作为地图显示的容器。例如，`<div id="map" class="map"></div>`。 3. **初始化地图**：在JavaScript中，使用OpenLayers的Map类创建地图实例。指定地图容器的ID，...
Android 矢量室内地图开发实例
09-01
Android矢量室内地图开发实例主要涉及到的是在Android平台上利用矢量图形技术构建可缩放、无失真的室内地图。传统的位图地图在缩放和拖拽时容易出现图像失真、加载速度慢以及可能导致内存溢出等问题。为了解决这些...
显示具体地方地图实例常用于联系我们模块
06-28
"显示具体地方地图"的实例就属于这种功能，它常被应用于"联系我们"模块，使得用户无需额外搜索就能找到前往公司实体店面的路线。 在这个实例中，我们使用的地图服务提供商是"高德地图"。高德地图是中国领先的数字...
天地图开发实例
12-12
总结来说，"天地图开发实例"是一个涵盖了WebGIS基本操作的项目，包括地图控件的添加、地理位置的标记与标签显示、线路的绘制以及事件绑定的自定义处理。这些知识点对于想要深入理解和使用天地图进行Web开发的人员来...
（62页PPT）微专题14　测电阻的几种特殊方法.pptx
最新发布
01-06
（62页PPT）微专题14　测电阻的几种特殊方法.pptx
GeneratedClass1146.java
01-06
GeneratedClass1146.java
数字乡村解决方案（第一部分）.pdf
01-06
源码地址： https://pan.quark.cn/s/27933535a1f6 数字乡村解决方案（第一部分共130页）的电子文档格式
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值