<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx"

               xmlns:supportClasses="com.esri.ags.skins.supportClasses.*"

               xmlns:flash="flash.text.*"

               xmlns:arcgis="cn.com.vistech.arcgis.*"

               xmlns:esri="http://www.esri.com/2008/ags">

    <fx:Declarations>

        <esri:SimpleMarkerSymbol id="citySymbol"

                                 alpha="0.8"

                                 color="0xDDDD00"

                                 size="6"

                                 style="circle">

            <esri:SimpleLineSymbol width="2"

                                   alpha="1"

                                   color="0xDD0000"

                                   style="solid"/>

        </esri:SimpleMarkerSymbol>

        <esri:SimpleFillSymbol color="0xFFFFFF"

                               alpha="0.5"

                               style="solid"

                               id="mySymbol">

            <esri:SimpleLineSymbol color="0xFFFFFF"

                                   width="0"

                                   alpha="0.5"

                                   style="solid"/>

        </esri:SimpleFillSymbol>

        <esri:TextSymbol id="nanjing"

                         text="南京"

                         placement="above"

                         xoffset="1"

                         yoffset="3"

                         color="0x666666"

                         border="false"

                         borderColor="0x000000"

                         background="false"

                         backgroundColor="0xFFFFFF">

            <flash:TextFormat size="13"

                              font="宋体"

                              bold="true"

                              italic="false"

                              underline="false"/>

        </esri:TextSymbol>

        <esri:MapImageLayer id="viso"

                            alpha="0.5">

        </esri:MapImageLayer>

    </fx:Declarations>

    <esri:Map id="map"

              logoVisible="false"

              openHandCursorVisible="false"

              scaleBarVisible="false"

              zoomSliderVisible="false"

              load="loadHandler()">

        <arcgis:GoogleMapLayer/>

        <esri:GraphicsLayer symbol="{citySymbol}">

            <esri:Graphic symbol="{nanjing}">

                <esri:geometry>

                    <esri:MapPoint x="13221159.886688277"

                                   y="3769799.519742769"/>

                </esri:geometry>

            </esri:Graphic>

            <esri:Graphic>

                <esri:geometry>

                    <esri:MapPoint x="13221159.886688277"

                                   y="3769799.519742769"

                                   id="js"/>

                </esri:geometry>

            </esri:Graphic>

            <esri:Graphic>

                <esri:geometry>

                    <esri:MapPoint x="12801741.44122646"

                                   y="3606802.4843253596"/>

                </esri:geometry>

            </esri:Graphic>

            <esri:Graphic>

                <esri:geometry>

                    <esri:MapPoint x="13692297.36757265"

                                   y="4191093.670273363"/>

                </esri:geometry>

            </esri:Graphic>

            <esri:Graphic>

                <esri:geometry>

                    <esri:MapPoint x="12801741.44122646"

                                   y="4191093.670273363"/>

                </esri:geometry>

            </esri:Graphic>

            <esri:Graphic>

                <esri:geometry>

                    <esri:MapPoint x="13692297.36757265"

                                   y="3606802.4843253596"/>

                </esri:geometry>

            </esri:Graphic>

            <esri:Graphic symbol="{mySymbol}">

                <esri:Polygon spatialReference="{new SpatialReference(102113)}">

                    <fx:Array>

                        <fx:Array>

                            <esri:MapPoint id="a1"

                                           x="-20037508.342787"

                                           y="-20037508.342787"/>

                            <esri:MapPoint id="b1"

                                           x="-20037508.342787"

                                           y="3575001"/>

                            <esri:MapPoint id="a3"

                                           x="20037508.342787"

                                           y="3575001"/>

                            <esri:MapPoint id="a4"

                                           x="20037508.342787"

                                           y="-20037508.342787"/>

                        </fx:Array>

                    </fx:Array>

                </esri:Polygon>

            </esri:Graphic>

            <esri:Graphic symbol="{mySymbol}">

                <esri:Polygon spatialReference="{new SpatialReference(102113)}">

                    <fx:Array>

                        <fx:Array>

                            <esri:MapPoint id="y1"

                                           x="-20037508.342787"

                                           y="4204007"/>

                            <esri:MapPoint id="y2"

                                           x="-20037508.342787"

                                           y="20037508.342787"/>

                            <esri:MapPoint id="y3"

                                           x="-20037508.342787"

                                           y="20037508.342787"/>

                            <esri:MapPoint id="y4"

                                           x="20037508.342787"

                                           y="4204007"/>

                        </fx:Array>

                    </fx:Array>

                </esri:Polygon>

            </esri:Graphic>

            <esri:Graphic symbol="{mySymbol}">

                <esri:Polygon spatialReference="{new SpatialReference(102113)}">

                    <fx:Array>

                        <fx:Array>

                            <esri:MapPoint id="u1"

                                           x="-20037508.342787"

                                           y="4204007"/>

                            <esri:MapPoint id="u2"

                                           x="12783210"

                                           y="4204007"/>

                            <esri:MapPoint id="u3"

                                           x="12783210"

                                           y="3575001"/>

                            <esri:MapPoint id="u4"

                                           x="-20037508.342787"

                                           y="3575001"/>

                        </fx:Array>

                    </fx:Array>

                </esri:Polygon>

            </esri:Graphic>

            <esri:Graphic symbol="{mySymbol}">

                <esri:Polygon spatialReference="{new SpatialReference(102113)}">

                    <fx:Array>

                        <fx:Array>

                            <esri:MapPoint id="t1"

                                           x="13703667"

                                           y="4204007"/>

                            <esri:MapPoint id="t2"

                                           x="13703667"

                                           y="3575001"/>

                            <esri:MapPoint id="t3"

                                           x="20037508.342787"

                                           y="3575001"/>

                            <esri:MapPoint id="t4"

                                           x="20037508.342787"

                                           y="4204007"/>

                        </fx:Array>

                    </fx:Array>

                </esri:Polygon>

            </esri:Graphic>

        </esri:GraphicsLayer>

    </esri:Map>

    <s:Button label="按钮"

              click="button1_clickHandler(event)"

              top="10"

              right="10"/>

    <s:Panel x="29"

             y="19"

             width="1082"

             height="200">

        <s:Label fontWeight="bold"

                 text="Current map extent:"

                 x="15"

                 y="10"/>

        <s:RichEditableText editable="false"

                            text='xmin="{map.extent.xmin.toFixed(0)}" ymin="{map.extent.ymin.toFixed(0)}" xmax="{map.extent.xmax.toFixed(0)}" ymax="{map.extent.ymax.toFixed(0)}"   (wkid="{map.spatialReference.wkid}")'

                            x="9"

                            y="135"/>

        <s:Label fontWeight="bold"

                 text="Current map extent (in geographic):"

                 x="23"

                 y="53"/>

        <s:RichEditableText editable="false"

                            text="{showExtentInGeographic(map.extent)}"

                            x="10"

                            y="110"/>

        <s:Label fontWeight="bold"

                 text="Current Mouse Coordinates:"

                 x="10"

                 y="73"/>

        <s:RichEditableText id="mousecoords"

                            editable="false"

                            text="Move the mouse over the map to see its current coordinates..."

                            x="10"

                            y="93"/>

        <s:Label fontWeight="bold"

                 text="Current map scale is"

                 x="10"

                 y="33"/>

        <s:RichEditableText editable="false"

                            text="1:{map.scale.toFixed(0)} (level {map.level})"

                            x="14"

                            y="-24"/>

    </s:Panel>

    <fx:Script>

        <![CDATA[

            import com.esri.ags.SpatialReference;

            import com.esri.ags.events.MapEvent;

            import com.esri.ags.geometry.Extent;

            import com.esri.ags.layers.supportClasses.MapImage;

            import com.esri.ags.utils.WebMercatorUtil;

            import mx.controls.Alert;

            import mx.core.FlexGlobals;

            protected function button1_clickHandler(event:MouseEvent):void

            {

                var zx:MapPoint=new MapPoint(114.859, 35.32);

                var ys:MapPoint=new MapPoint(124.155, 41.25);

                zx=WebMercatorUtil.geographicToWebMercator(zx) as MapPoint;

                ys=WebMercatorUtil.geographicToWebMercator(ys) as MapPoint;

                viso.removeAll();

                var visoMapImage:MapImage=new MapImage();

                visoMapImage.href="http://10.32.22.250:8080/appServices/emf2vec/visoface-gis.swf?r=" + new Date().getMilliseconds();

                var extent:Extent=new Extent(12783205.393024608, 4204003.347074539, 13827701.37943888, 4989446.834623009, new SpatialReference(102113));

                visoMapImage.extent=extent;

                viso.add(visoMapImage);

                FlexGlobals.topLevelApplication.map.addLayer(viso);

            }

            private function loadHandler():void

            {

                map.centerAt(js);

                map.addEventListener(MouseEvent.MOUSE_MOVE, mouseMoveHandler);

            }

            // ... show coordinates of current (mouse) location

            private function mouseMoveHandler(event:MouseEvent):void

            {

                const mapPoint:MapPoint=map.toMapFromStage(event.stageX, event.stageY);

                const latlong:MapPoint=WebMercatorUtil.webMercatorToGeographic(mapPoint) as MapPoint;

                mousecoords.text="x,y is " + mapPoint.x.toFixed(0) + "," + mapPoint.y.toFixed(0) + " and Lat/Long is: " + latlong.y.toFixed(6) + " / " + latlong.x.toFixed(6);

            }

            // convert current projected extent to geographic and show as such

            protected function showExtentInGeographic(extent:Extent):String

            {

                const geoExtent:Extent=WebMercatorUtil.webMercatorToGeographic(map.extent) as Extent;

                // return geoExtent.toString() + ".." ;

                return " " + geoExtent.xmin.toFixed(6) + ", " + geoExtent.ymin.toFixed(6) + ", " + geoExtent.xmax.toFixed(6) + ", " + geoExtent.ymax.toFixed(6) + "   (wkid: " + geoExtent.spatialReference.wkid + ")";

            }

        ]]>

    </fx:Script>

</s:Application>

ArcGIS Google Map 增加虚拟图层（MapImageLayer）（转载）的更多相关文章

  1. ArcGIS Viewer for Flex中引入google map作底图 (转)

    在ArcGIS Viewer for Flex开发中,经常需要用到google map作为底图,我们不能通过ArcGIS Viewer for Flex - Application Builder轻易 ...

  2. ArcGIS for Flex中引入google map作底图

    上篇文章到在ArcGIS View中引入google map,这里讲ArcGIS for Flex中引入google map作底图. 同样道理,以google map作底图,需要编写继承自TiledM ...

  3. ArcGIS Viewer for Flex中引入google map作底图

    在ArcGIS Viewer for Flex开发中,经常需要用到google map作为底图,我们不能通过ArcGIS Viewer for Flex - Application Builder轻易 ...

  4. arcgis api for silverlight使用google map等多个在线地图

    原文 http://blog.csdn.net/leesmn/article/details/6820245 无可否认,google map实在是很漂亮.可惜对于使用arcgis api for si ...

  5. Google Map JavaScript API V3 实例大全

    Google Map JavaScript API V3 实例大全 基础知识 简单的例子 地理位置 语言 位置 坐标 简单的投影 事件 简单事件 关闭事件 多次添加事件 事件属性 控制 php禁用ui ...

  6. Android Google Map v2具体解释:开发环境配置

    Android Google Map v2具体解释:开发环境配置                                       --转载请注明出处:coder-pig 说在前面: 说到地 ...

  7. Google Map API V3开发（1）

    Google Map API V3开发(1) Google Map API V3开发(2) Google Map API V3开发(3) Google Map API V3开发(4) Google M ...

  8. Google Map API V3开发（3）

    Google Map API V3开发(1) Google Map API V3开发(2) Google Map API V3开发(3) Google Map API V3开发(4) Google M ...

  9. Google Map API V3开发（4）

    Google Map API V3开发(1) Google Map API V3开发(2) Google Map API V3开发(3) Google Map API V3开发(4) Google M ...

随机推荐

  1. php if 的实现

    简单分析下php中的分支背后的实现 <?php ){ echo "a"; }else{ echo "b"; } 1.语法分析 unticked_state ...

  2. Pycharm使用Git

    Pycharm使用Git 1.设置git程序路径 2.设置github连接 3.创建git respository 4.提交文件 5.共享给GitHub 6.修改文件push到版本库 7.从版本库ch ...

  3. 在阿里云服务器中安装配置mysql数据库完整教程

    阿里云ECS服务器CentOS7上安装MySql服务 (可选)1.确保服务器系统处于最新状态 [root@localhost ~]# yum -y update如果显示以下内容说明已经更新完成 Rep ...

  4. ajax--底层代码

    ajax:Asynchronous JavaScript And XML,异步的js与XML.ajax并不是一种新的编程语言,而是一种使用现有标准的新方法.ajax能够在不重载整个网页的情况下与服务器 ...

  5. HUE配置文件hue.ini 的hdfs_clusters模块详解（图文详解）（分HA集群和非HA集群）

    不多说,直接上干货! 我的集群机器情况是 bigdatamaster(192.168.80.10).bigdataslave1(192.168.80.11)和bigdataslave2(192.168 ...

  6. CSS控制字体在一行内显示不换行

    当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果不想让他换行要怎么办呢?用CSS让文字在一行内显示不换行的方法: 一般的文字截断(适用于内联与块): .text-ov ...

  7. Warning: mysql_fetch_array() expects parameter 1 to be resource, boolean given in E:\\PHP\\wamp\\www\\lsr\\lsr.php on line 42

    类似于这样的错误: 其实大多数的情况下,都是SQL语句书写错了,特别是这种情况: select * from order; 应该写成: select * from `order`;(那不是单引号,而是 ...

  8. [LeetCode] Level Order Traversal

    题目说明 Given a binary tree, return the level order traversal of its nodes' values. (ie, from left to r ...

  9. IDEA在当前类中查找方法快捷键--转

    https://blog.csdn.net/weixin_40739833/article/details/81298472 IDEA工具是当前类中查找一个方法快捷键: Ctrl + F12  例如在 ...

  10. Selenium私房菜系列4 -- Selenium IDE的使用

    (转自http://www.cnblogs.com/hyddd/archive/2009/05/24/1487967.html) 前面说过,Selenium IDE是Firefox的一个插件,是可以进 ...