hm
/
zhwj


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">

    <title>上海城地API</title>
    <style>
        html,

        body,
        #mapDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }

        /*自定义窗口样式*/
        .leaflet-popup-content-wrapper{
             background-color: rgba(0,0,0,0.8) !important;
            color:white !important;
        }
        .leaflet-popup-tip{
           background-color: rgba(0,0,0,0.8) !important;
        }
  .esri-view-surface--inset-outline:focus::after {
        outline: none !important;
        }
    </style>
    <script src="js/echarts.min.js"></script>
    <script src="jquery/jquery-2.2.3.min.js"></script>
    <script type="text/javascript" src="jquery/xml2json.js"></script>
    <script>
        var dojoConfig = {
            async: true,
            parseOnLoad: true,
            packages: [{
                name: "lib",
                location: location.pathname.replace(/\/[^/]+$/, "") + "/lib"
            }]
        };

    </script>
    <script src="Common/mapClass/corrugatedPoint/gl-matrix.js"></script>
    <!--<script src="http://172.16.28.83/arcgis_api/library/4.17/init.js"></script>-->
    <!--<link rel="stylesheet" href="http://172.16.28.83/arcgis_js_api/library/4.17/esri/themes/light/main.css">-->
    <script src="https://10.101.35.50/arcgis_js_api/library/4.17/init.js"></script>
    <link rel="stylesheet" href="https://10.101.35.50/arcgis_js_api/library/4.17/esri/themes/light/main.css">

    <link rel="stylesheet" href="css/echartsLayerCss.css">
    <!--系统自定义JS-->
    <script src="Common/dataClass/XMLUtil.js"></script> <!--XML操作功能-->
    <script src="Common/dataClass/ConfigManagertest1.js"></script>
    <script src="Common/dataClass/DataCommonClass.js"></script>

    <script src="Common/dataClass/MD5.js"></script>
    <script src="Common/dataClass/Base64.js"></script>
    <script src="Common/mapClass/MapClass4.js"></script>
    <script src="Common/WsCommonClass.js"></script>
    <script src="Common/mapClass/GSFunction.js"></script>

    <script src="Common/mapClass/corrugatedPoint/corrugatedPoint.js"></script>
    <script>
        //监听message

        window.onmessage = function(e) {
            //alert(e.origin);
            //if (e.origin !== 'http://10.101.35.46/WJGisShare/')
//return;
            var payload;
            try{
                payload= JSON.parse(e.data);
            }
            catch(e){
                return;
            }

            switch (payload.method) {
                case 'ZoomIn':
                    //localStorage.setItem(payload.key, JSON.stringify(payload.data));
                    ZoomIn(payload.data);
                    break;
                case 'ZoomOut':
                    ZoomOut(payload.data);
                    break;
                case 'Clear':
                    Clear(payload.data);
                    break;
                case 'ViewChange':
                    ViewChange();
                    break;
                case 'fullExtent':
                    toFullExtent();
                    break;
                case 'doSetExtent':
                    doSetExtent(parseInt(payload.data));
                    break;
                case 'measureSquare':
                    measureSquare();
                    break;
                case 'measureLength':
                    measureLength();
                    break;
                case 'downLoadPicture':
                    downLoadPicture();
                    break;
                case 'doGetGraphicByJson':
                    doGetGraphicByJson(payload.data[0],payload.data[1]);
                    break;
                case 'drawSquare':
                    drawSquare();
                    break;
                case 'query':
                    query(payload.data[0],payload.data[1]);
                    break;
                case 'queryByWhereStr':
                    querybyWhereStr(payload.data[0],payload.data[1]);
                    break;
                case 'openFeatureLayer':
                    OpenFeatureLayerByID(payload.data[0],payload.data[1]);
                    break;
                case 'openFeatureLayerByName':
                    // var isVisible=true;
                    // if(parseInt(payload.data[1])==0)
                    // {
                    //     isVisible=false;
                    // }
                    OpenMapImageLayerByName(payload.data[0],payload.data[1],payload.data[2]);
                    break;
                case "CloseChangeLayer":{
                    closeMapImageLayerByName();
                    break;
                }
                case 'openFeatureLayer0':
                    var isVisible=true;
                    if(parseInt(payload.data[0])==0)
                    {
                        isVisible=false;
                    }
                    OpenFeatureLayerByID1(0,isVisible);
                    break;
                case 'openFeatureLayer1':
                    var isVisible=true;
                    if(parseInt(payload.data[0])==0)
                    {
                        isVisible=false;
                    }
                    OpenFeatureLayerByID1(1,isVisible);
                    break;
                case 'openFeatureLayer2':
                    var isVisible=true;
                    if(parseInt(payload.data[0])==0)
                    {
                        isVisible=false;
                    }
                    OpenFeatureLayerByID1(2,isVisible);
                    break;
                case 'openFeatureLayer3':
                    var isVisible=true;
                    if(parseInt(payload.data[0])==0)
                    {
                        isVisible=false;
                    }
                    OpenFeatureLayerByID1(3,isVisible);
                    break;
                case 'openFeatureLayer4':
                    var isVisible=true;
                    if(parseInt(payload.data[0])==0)
                    {
                        isVisible=false;
                    }
                    OpenFeatureLayerByID1(4,isVisible);
                    break;
		        case 'openFeatureLayer5':
                    var isVisible=true;
                    if(parseInt(payload.data[0])==0)
                    {
                        isVisible=false;
                    }
                    OpenFeatureLayerByID1(5,isVisible);
                    break;
                case 'openFeatureLayer6':
                    var isVisible=true;
                    if(parseInt(payload.data[0])==0)
                    {
                        isVisible=false;
                    }
                    OpenFeatureLayerByID1(6,isVisible);
                    break;
                case 'openFeatureLayer7':
                    var isVisible=true;
                    if(parseInt(payload.data[0])==0)
                    {
                        isVisible=false;
                    }
                    OpenFeatureLayerByID1(7,isVisible);
                    break;
                case 'openFeatureLayer8':
                    var isVisible=true;
                    if(parseInt(payload.data[0])==0)
                    {
                        isVisible=false;
                    }
                    OpenFeatureLayerByID1(8,isVisible);
                    break;
                case 'openFeatureLayer9':
                    var isVisible=true;
                    if(parseInt(payload.data[0])==0)
                    {
                        isVisible=false;
                    }
                    OpenFeatureLayerByID1(9,isVisible);
                    break;
		        case 'openFeatureLayer10':
                    var isVisible=true;
                    if(parseInt(payload.data[0])==0)
                    {
                        isVisible=false;
                    }
                    OpenFeatureLayerByID1(10,isVisible);
                    break;
                case 'setCenterExtent':
                    setCenterExtent(payload.data[0],payload.data[1],payload.data[2]);
                    break;
                case 'drawCircle':{
                    drawCircle(payload.data[0]);
                    break;
                }
                case 'queryByCircle':{

                    queryByCircle(payload.data[0] ,payload.data[1] ,payload.data[2] ,payload.data[3] )
                    break;
                }
                case 'doFlashStatus':{
                    var flahLayerName=payload.data[0];
                    switch(flahLayerName)
                    {
                        case "违章建筑":
                            flashLayerStatus(fe0,"状态",1);
                            break;
                        case "电梯":
                            flashLayerStatus(fe4,"状态",1);
                            break;
                        case "虹口烟感":
                            flashLayerStatus(fe1,"状态",1);
                            break;
                        case "摄像头":
                            flashLayerStatus(fe2,"状态",1);
                            break;
                        case "危险源":
                            flashLayerStatus(fe3,"状态",1);
                            break;
                        case "门磁":
                            flashLayerStatus(fe5,"状态",1);
                            break;
                        default:
                            ClearLightLayerStatus();
                            break;
                    }
                    break;
                }
                case "onLocation":{
                    setPointBylonlat(payload.data[0],payload.data[1],payload.data[2],payload.data[3],payload.data[4],payload.data[5] ,payload.data[6]);
                    break;
                }
                case "MeasureLengthByPoint":{
                    //parent.eval(payload.backfun+"()");
                    MeasureLengthByPoint(payload.data[0],payload.data[1],payload.data[2],payload.data[3],payload.backfun);
                    break;
                }
                case "newQuery":{
                    newQuerybyWhereStr(payload.data[0],payload.data[1],GetConfigDataByName("MYQueryLayer"),null,null,payload.data[2]);
                    break;
                }
                case "onLocationforGrid" :{
                    setPointBylonlatForGrid(payload.data[0],payload.data[1]);
                    break;
                }
                case "onLocationforAddress":{
                    setPointBylonlatForAddress(payload.data[0],payload.data[1]);
                    break;
                }
                case "onQueryByPoint":{
                    setPointBylonlatForGetBuffer(payload.data[0],payload.data[1],payload.data[2],payload.data[3],payload.data[4],payload.data[5]);
                    break;
                }
                case "onQueryByGrid":{
                    getGridGeometry(payload.data[0],payload.data[1]);
                    break;
                }
                case "onMapCenter":{
                    var mapcenter = m_view.center ;
                    window.parent.postMessage(
                        {
                            method: "mapCenterCallback",
                            data:[JSON.stringify(mapcenter).replace(/\"/g,'"')]
                        },
                        '*'
                    );
                    break;
                }
                case "onMapLevel":{
                    var mapzoom = m_view.zoom;
                    window.parent.postMessage(
                        {
                            method: "mapLevelCallback",
                            data:[JSON.stringify(mapzoom).replace(/\"/g,'"')]
                        },
                        '*'
                    );
                    break;
                }
                case "onMapSetCenter":{
                    goToZoom(payload.data[0],payload.data[1]);
                  //  setPointBylonlatForSetCenter(payload.data[0],payload.data[1]);
                    break;
                }
                case "onGetXYbyAddress":{
                    getXYbyAddress(payload.data[0]);
                    break;
                }
                case "onSetInitExtentByStr":{
                    // getXYbyAddress(payload.data[0]);
                    if(payload.data[0] == "区县边界")
                        queryForExtent(payload.data[0],"区县名称=" +"'"+ payload.data[1]+"'",100);
                    else
                        queryForExtent(payload.data[0], "街道名称=" +"'"+ payload.data[1]+"'",100);
                    break;
                }
                case "onQueryByCondition":{
                    newQuerybyWhereStr(payload.data[0],payload.data[1],GetConfigDataByName("MYQueryLayer"),null,payload.data[2],payload.data[3]);
                    break;
                }
                case "openFeatureLayerByNameandWhere":{
                    newOpenFeatureLayer(payload.data[0],payload.data[1],payload.data[2],payload.data[3],payload.data[4]);
                    break;
                }
                case "onClickLocation":{
                     m_mapClickdraw = true;
                     m_mapAttribute = payload.data[0];
                     m_mapToolTip = payload.data[1];
                     m_mapImgUrl = payload.data[2];
                     m_mapImgWidth = payload.data[3];
                     m_mapImgHeight = payload.data[4];
                    break;
                }
                case "onSetResizeType":{
                    sj_type = payload.data[0];
                    sj_radius =  payload.data[1];
                    sj_layername = payload.data[2];
                    break;
                }
                case "onSetLayerCluster":{
                    setLayerCluster(payload.data[0],payload.data[1]);
                    break;
                }
                case "onShowPolygonandText":{
                    var jsonarr = payload.data[0];
                    for(var i=0;i<jsonarr.length;i++){
                        var jsonStr = jsonarr[i];
                        // var test = jsonStr;
                        ShowPolygonandText(jsonStr.type,jsonStr.name,jsonStr.text);
                    }
                    // ShowPolygonandText(payload.data[0],payload.data[1],payload.data[2]);
                    break;
                }
                case "onLocationGetLatLon":{
                    var action = m_drawtool.create("point");
                    require(["esri/geometry/Point","esri/Graphic"],
                        function(Point,Graphic) {
                            action.on("draw-complete",
                                function(evt) {
                                    m_view.graphics.removeAll();
                                    GraphicsLayer_flyTipLayer.removeAll();
                                    var point = new Point({
                                        x: evt.coordinates[0],
                                        y: evt.coordinates[1],
                                        spatialReference: m_view.spatialReference
                                    });
                                    var markerSymbol = {
                                        type: "simple-marker",
                                        color: payload.data[0],
                                        style: "circle",
                                        size: 10
                                    }
                                    var pointGraphic = new Graphic({
                                        geometry: point,
                                        symbol: markerSymbol
                                    });
                                    GraphicsLayer_flyTipLayer.add(pointGraphic);
                                    window.parent.postMessage(
                                        {
                                            method: "onLocationGetLatLonbackfun",
                                            data: [evt.coordinates]
                                        },
                                        '*'
                                    );
                                });
                        });

                    break;
                }
                case "onDrawPolygonCircle":{
                    require(["esri/geometry/Polygon","esri/Graphic","esri/geometry/Point","esri/geometry/Circle"],
                        function(Polygon,Graphic,Point,Circle) {
                            m_view.graphics.removeAll();
                            GraphicsLayer_flyTipLayer.removeAll();
                            var action = m_drawtool.create("circle");
                            // 获取焦点
                            m_view.focus();
                            //顶点移除事件
                            action.on("vertex-remove", createCircle);
                            // 鼠标移动事件
                            action.on("cursor-update", createCircle);
                            // 绘制完成事件
                            action.on("draw-complete", createCirclecomplete);
                            function createCircle(event) {
                                //获取所有顶点
                                var vertices = event.vertices;
                                //少于一个点无法展示圆
                                if(vertices.length<2){
                                    return
                                }
                                //清除之前绘制
                                GraphicsLayer_flyTipLayer.removeAll();
                                //生成绘制的图形,两点画圆
                                var center=new Point({
                                    hasZ: false,
                                    hasM: false,
                                    x:vertices[0][0],
                                    y:vertices[0][1],
                                    spatialReference: m_view.spatialReference
                                });
                                var dis=center.distance(new Point({
                                    hasZ: false,
                                    hasM: false,
                                    x:vertices[1][0],
                                    y:vertices[1][1],
                                    spatialReference: m_view.spatialReference
                                }));
                                var graphic = new Graphic({
                                    geometry: new Circle({
                                        hasZ: false,
                                        hasM: false,
                                        center:center,
                                        radius:dis,
                                        spatialReference: m_view.spatialReference
                                    }),
                                    symbol: {
                                        type: "simple-fill",  // autocasts as new SimpleFillSymbol()
                                        color: [ 51,51, 204, 0.9 ],
                                        style: "solid",
                                        outline: {  // autocasts as new SimpleLineSymbol()
                                            color: "white",
                                            width: 1
                                        }
                                    }
                                });
                                // 将绘制的图形添加到view
                                GraphicsLayer_flyTipLayer.add(graphic);
                            }
                            function createCirclecomplete(event) {
                                //获取所有顶点
                                var vertices = event.vertices;
                                //少于一个点无法展示圆
                                if(vertices.length<2){
                                    return
                                }
                                //清除之前绘制
                                GraphicsLayer_flyTipLayer.removeAll();
                                //生成绘制的图形,两点画圆
                                var center=new Point({
                                    hasZ: false,
                                    hasM: false,
                                    x:vertices[0][0],
                                    y:vertices[0][1],
                                    spatialReference: m_view.spatialReference
                                });
                                var dis=center.distance(new Point({
                                    hasZ: false,
                                    hasM: false,
                                    x:vertices[1][0],
                                    y:vertices[1][1],
                                    spatialReference: m_view.spatialReference
                                }));
                                var graphic = new Graphic({
                                    geometry: new Circle({
                                        hasZ: false,
                                        hasM: false,
                                        center:center,
                                        radius:dis,
                                        spatialReference: m_view.spatialReference
                                    }),
                                    symbol: {
                                        type: "simple-fill",  // autocasts as new SimpleFillSymbol()
                                        color: [ 51,51, 204, 0.9 ],
                                        style: "solid",
                                        outline: {  // autocasts as new SimpleLineSymbol()
                                            color: "white",
                                            width: 1
                                        }
                                    }
                                });
                                // 将绘制的图形添加到view
                                GraphicsLayer_flyTipLayer.add(graphic);
                                window.parent.postMessage(
                                    {
                                        method: "onDrawPolygoncallbackfun",
                                        data: [graphic.geometry.rings]
                                    },
                                    '*'
                                );
                            }
                        });
                    break;
                }
                case "onLightArea":{
                    highLightArea(payload.data[0],payload.data[1],payload.data[2],payload.data[3]);
                    break;
                }
                case "onEchartsRoute":{
                    echartsRoute(payload.data[0],payload.data[1],payload.data[2],payload.data[3]);
                    break;
                }
                case "onPopupIn":{
                    if(popupInfos.length>0){
                        popupShowAll();
                    }
                    else{
                       popupInit(payload.data[0],payload.data[1]);

                    }

                    break;
                }
                case "onPopupClose":{
                    popupCloseAll();
                    popupInfos=[];
 
                    break;
                }
		case "doClusterByJson":{
                    clusterByJson(payload.data[0]);
                    break;
                }
                case "doCloseClusterByJson":{
                    closeClusterByJson();
                    break
                }
                case 'doDeletePointById':
                    doDeletePointById(payload.data[0]);
                    break;
                case "doShowAreaName":
                    doShowAreaName(payload.data[0],payload.data[1],payload.data[2],payload.data[3],payload.data[4]);
                    break;
                case "onDrawPolygonSquare":{
                    require(["esri/geometry/Polygon","esri/Graphic","esri/geometry/Point","esri/geometry/Circle"],
                        function(Polygon,Graphic,Point,Circle) {
                            m_view.graphics.removeAll();
                            GraphicsLayer_flyTipLayer.removeAll();
                            var action = m_drawtool.create("rectangle", {
                                mode: "click"//点击方式加点
                            });
                            // 获取焦点
                            m_view.focus();

                            //顶点移除事件
                            action.on("vertex-remove", createRectangle);
                            // 鼠标移动事件
                            action.on("cursor-update", createRectangle);
                            // 绘制完成事件
                            action.on("draw-complete", createRectangleComplete);
                            function createRectangle(event) {
                                //获取所有顶点
                                var vertices = event.vertices;

                                //两点画矩形
                                if(vertices.length<2){
                                    return
                                }
                                var rings=[vertices[0],[vertices[0][0],vertices[1][1]],vertices[1],[vertices[1][0],vertices[0][1]]];
                                //清除之前绘制
                                GraphicsLayer_flyTipLayer.removeAll();

                                // 生成绘制的图形
                                var graphic = new Graphic({
                                    geometry: new Polygon({
                                        hasZ: false,
                                        hasM: false,
                                        rings: [rings],
                                        spatialReference: m_view.spatialReference
                                    }),
                                    symbol: {
                                        type: "simple-fill",  // autocasts as new SimpleFillSymbol()
                                        color: [ 51,51, 204, 0.9 ],
                                        style: "solid",
                                        outline: {  // autocasts as new SimpleLineSymbol()
                                            color: "white",
                                            width: 1
                                        }
                                    }
                                });
                                // 将绘制的图形添加到view
                                GraphicsLayer_flyTipLayer.add(graphic);
                            }
                            function createRectangleComplete(event) {
                                //获取所有顶点
                                var vertices = event.vertices;

                                //两点画矩形
                                if(vertices.length<2){
                                    return
                                }
                                var rings=[vertices[0],[vertices[0][0],vertices[1][1]],vertices[1],[vertices[1][0],vertices[0][1]]];
                                //清除之前绘制
                                GraphicsLayer_flyTipLayer.removeAll();

                                // 生成绘制的图形
                                var graphic = new Graphic({
                                    geometry: new Polygon({
                                        hasZ: false,
                                        hasM: false,
                                        rings: [rings],
                                        spatialReference: m_view.spatialReference
                                    }),
                                    symbol: {
                                        type: "simple-fill",  // autocasts as new SimpleFillSymbol()
                                        color: [ 51,51, 204, 0.9 ],
                                        style: "solid",
                                        outline: {  // autocasts as new SimpleLineSymbol()
                                            color: "white",
                                            width: 1
                                        }
                                    }
                                });
                                // 将绘制的图形添加到view
                                GraphicsLayer_flyTipLayer.add(graphic);
                                window.parent.postMessage(
                                    {
                                        method: "onDrawPolygoncallbackfun",
                                        data: [graphic.geometry.rings]
                                    },
                                    '*'
                                );
                            }
                    });
                    break;
                }
                case "doCorrugatedPointByOid":{
                    doCorrugatedPointByOid(payload.data[0]);
                    break;
                }
                case "doClearCorrugatedPoint":{
                    doClearCorrugatedPoint();
                    break;
                }
 		case "doXyToStreetId":{
 	                   doXyToStreetId(payload.data[0],payload.data[1]);
			break;
                }
 		case "goToGraphic":{
 
                    goToGraphic(payload.data[0], payload.data[1]);
break;
                }
		 case "doWaterRouteClick":{
                    if(chartLayer){
                        chartLayer.removeLayer();
                        chartLayer=null;
                    }
                    if(chartLayer2){
                        chartLayer2.removeLayer();
                        chartLayer2=null;
                    }
                    if(chartLayer3){
                        chartLayer3.removeLayer();
                        chartLayer3=null;
                    }
                    queryResetNumByType(payload.data[0]);
                    break
                }
            }
        };

        //初始化配置文件
        GetConfigData();

        require(["dojo/domReady!"], function () {

            loadMap();
        });

        function loadMap() {
            //判断

            if (GetConfigDataByName("maptype") == "3D") {
                init3DScene();
            }
            else {
                initMap();
            }
        }

        function onMapLoadInfo(){
console.log("test2")
           postToParentPageMethed("maploadCallback",[]);

        }

        function onMapLoaded()
        {
            removeLoadingDiv();
//            GetLayerMainRestInfo2(GetConfigDataByName("MYQueryLayer"));

            // var test = GetConfigDataByName("MYCXFeatureLayerLayer");
            // setPointBylonlat(121,30);
            //alert("加载完成");

        }

        //--------------- 按钮事件 -----------------

        //切换二三维地图
        function onViewTestClick() {
            ViewChange()
        }
        function ViewChange() {
            //m_view.container=null;
           // showLoadingDiv("正在切换地图，请稍后...");
            if (currentMapMode == "2D") {
                switchTo3DMap();
            }
            else {
                switchTo2DMap();
            }
        }

        //清空地图
        function btClear_Click() {
            //Clear();
        }
      function Clear(type) {
            require(["esri/layers/GraphicsLayer"],
                    function (   GraphicsLayer) {
                        switch (type) {
                            case "all":
                            {
                                m_map.remove(GraphicsLayer_DrawLayer)
                                GraphicsLayer_DrawLayer = new GraphicsLayer({id: "myDrawGLayer"});
 GraphicsLayer_DrawLayer.listMode = "hide";                                
m_map.add(GraphicsLayer_DrawLayer);
                                GraphicsLayer_myLayer.removeAll();
                                isInLightArea = ""
//                    GraphicsLayer_DrawLayer.removeAll();
                                GraphicsLayer_flyTipLayer.removeAll();
                                if (chartLayer) {
                                    chartLayer.removeLayer();
                                    chartLayer = null;
                                }
                                if (chartLayer2) {
                                    chartLayer2.removeLayer();
                                    chartLayer2 = null;
                                }
                                if (chartLayer3) {
                                    chartLayer3.removeLayer();
                                    chartLayer3 = null;
                                }
                                xmlQueryExtend = null;
                                queryExtent = null;
                                break;
                            }
                            case "drawLayer":
                            {
                                GraphicsLayer_DrawLayer.removeAll();
                                GraphicsLayer_flyTipLayer.removeAll();
                                xmlQueryExtend = null;
                                queryExtent = null;
                                break;
                            }
                            case "queryLayer":
                            {
                                GraphicsLayer_myLayer.removeAll();
                                isInLightArea = ""
                                GraphicsLayer_flyTipLayer.removeAll();
                                xmlQueryExtend = null;
                                queryExtent = null;
                                break;
                            }
                            case "chartLayer":
                            {
                                if (chartLayer) {
                                    chartLayer.removeLayer();
                                    chartLayer = null;
                                }
                                if (chartLayer2) {
                                    chartLayer2.removeLayer();
                                    chartLayer2 = null;
                                }
                                if (chartLayer3) {
                                    chartLayer3.removeLayer();
                                    chartLayer3 = null;
                                }
                                break;
                            }
                        }
                    })
            // var mtype = type | "all";

        }
        //查询
        function btSearch_Click() {
//            var dynamicLayerURL="https://services8.arcgis.com/wUIATpkD1eTGk5lC/arcgis/rest/services/CMRQTest2_WFL1/FeatureServer";
//            var QueryLayerID="13";
            var dynamicLayerURL ="http://139.196.105.31:6080/ArcGIS/rest/services/HKEMAP/MapServer";
            if(GetConfigDataByName("QueryLayer"))
            {
                dynamicLayerURL=GetConfigDataByName("QueryLayer");
            }

            var QueryLayerID = "13";
            var whereString = "";

            whereString = "HANDLE号 like '%" + document.getElementById("txtSearch").value + "%'";
            require([
                "esri/Graphic",
                "esri/tasks/QueryTask",
                "esri/tasks/support/Query",
                "esri/symbols/SimpleMarkerSymbol",
                "esri/symbols/SimpleLineSymbol",
                "esri/geometry/Point",
                "esri/geometry/Polyline",
                "esri/symbols/PointSymbol3D",
                "esri/renderers/SimpleRenderer",
                "esri/symbols/ObjectSymbol3DLayer",
                "esri/PopupTemplate",
                "dojo/_base/array"
            ], function (Graphic, QueryTask, Query, SimpleMarkerSymbol, SimpleLineSymbol, Point, Polyline, PointSymbol3D, SimpleRenderer, ObjectSymbol3DLayer, PopupTemplate, array) {
                var layerinfo = getLayerByLayerId(QueryLayerID);
                var queryTask = new QueryTask(dynamicLayerURL + "/" + QueryLayerID);
                var query = new Query();
                query.returnGeometry = true;
                query.outFields = ["*"];
                query.where = whereString;
                var defaultPointSymbol = new SimpleMarkerSymbol({
                    color: [226, 119, 40],

                    outline: { // autocasts as new SimpleLineSymbol()
                        color: [255, 255, 255],
                        width: 2
                    }
                });
                var defaultLineSymbol = new SimpleLineSymbol({
                    color: [255, 0, 255],
                    width: 2
                });
                var objectSymbol = new PointSymbol3D({
                    symbolLayers: [new ObjectSymbol3DLayer({
                        width: 2,
                        height: 3,
                        resource: {
                            primitive: "cone"
                        },
                        material: {
                            color: "#FFD700"
                        }
                    })]
                });
                var objectSymbolRenderer = new SimpleRenderer({
                    symbol: objectSymbol
                });
                //graphicsLayer.renderer = objectSymbolRenderer;
                queryTask.execute(query).then(function (results) {

                    array.forEach(results.features, function (graphic, i) {
                        var graphic2;
                        var point2;
                        switch (graphic.geometry.type) {
                            case "point":
                            {
                                graphic.geometry.z = 1000;
                                graphic.symbol = defaultPointSymbol;
                                break;
                            }
                            case "polyline":
                                var geo = Polyline(graphic.geometry);
                                geo.hasZ = true;
                                geo.hasM = false;
                                var paths = geo.paths;

                                for (var i = 0; i < paths.length; i++) {
                                    for (var j = 0; j < paths[i].length; j++) {
                                        paths[i][j] = [paths[i][j][0], paths[i][j][1], 50];

                                    }
                                    var middleNumber = Math.floor(paths[i].length / 2);
                                    point2 = new Point({
                                        x: paths[i][middleNumber][0],
                                        y: paths[i][middleNumber][1],
                                        z: 50,
                                        spatialReference: view.spatialReference
                                    });


                                }
                                graphic.symbol = defaultLineSymbol;
                                graphic.geometry = geo;
                                graphic2 = new Graphic();
                                graphic2.attributes = graphic.attributes;
                                graphic2.geometry = point2;
                                graphic2.symbol = objectSymbol;
                                graphic2.attributes = graphic.attributes;
                                graphic2.popupTemplate = layerinfo.popupTemplate;
                                graphic.popupTemplate = new PopupTemplate({
                                    title: "HANDLE号:{HANDLE号}"
                                });
                                break;

                        }
                        GraphicsLayer_myLayer.add(graphic);
                        GraphicsLayer_myLayer.add(graphic2);
                    });

                });
            })

        }
        var laylistshow=0;
function layerOnOff() {
    if(laylistshow==0){
        laylistshow=1;
        m_view.ui.add(layerList, {
            position: "bottom-right"
        });
    }
    else
    {
        laylistshow=0;
        m_view.ui.remove(layerList);
    }

}

function doSetExtent(num) {
    var xmin,ymin,xmax,ymax;
    switch(num){
        case 1:
        xmin=-17221.816;
        ymin=-5450.66;
        xmax=-15189.445;
        ymax=-4297.402;

            break;
        case 2:
        xmin=-25930.782;
        ymin=-10527.042;
        xmax=-5599.259;
        ymax=647.995;

            break;
        case 3:
            xmin=-89836.648;
            ymin=-56485.216;
            xmax=70797.201;
            ymax=31738.557;
            break;
    }
    setExtent(xmin,ymin,xmax,ymax);
}
var myAttribute,myToolTip,myImgUrl,myImgWidth,myImgHeight;
function setPointBylonlat(x,y,Attribute,ToolTip,ImgUrl,ImgWidth,ImgHeight){
    myAttribute = Attribute;
    myToolTip = ToolTip;
    myImgUrl = ImgUrl;
    myImgWidth = ImgWidth;
    myImgHeight=ImgHeight
    var url = GetConfigDataByName("WebServiceConvertCoordinateURL");
    WsCommonClass("ConvertLonLatToXY",["lon","lat"],[x,y],getXYbylonlat,null,url);
}
function getXYbylonlat(evt){
    if(evt[0] == null) {
        console.log("经纬度转换失败 error");
        return;
    }
    // console.log(evt[0].textContent);
    var point = evt[0].textContent;


    var jsonStr = '{"ExChangeRoot": {"Features": [' +
        ' { "type": "point", "featureName": "兴趣点", "Feature":[ { "Geometry": { "Points":[ { "Point": "'+point+'" } ]},' +
        '"Attribute": '+myAttribute+', "ToolTip": "'+myToolTip+'",' +
        '"ImgUrl":"'+myImgUrl +'" ,"ImgWidth":"'+ myImgWidth +'","ImgHeight":"'+myImgHeight +'" } ] } ]}}';
    doGetGraphicByJson(jsonStr,true);
    // console.log(jsonStr);
}

        function setPointBylonlatForGrid(x,y){

            var url = GetConfigDataByName("WebServiceConvertCoordinateURL");
            WsCommonClass("ConvertLonLatToXY",["lon","lat"],[x,y],getXYbylonlatforGrid,null,url);
        }
        function getXYbylonlatforGrid(evt){
            if(evt[0] == null) {
                console.log("经纬度转换失败 error");
                return;
            }
            // console.log(evt[0].textContent);
            var point = evt[0].textContent;

            identifyTask(point,identifyTaskcallbackfun);
        }
        function identifyTaskcallbackfun(results){
            window.parent.postMessage(
                {
                    method: "identifyTaskcallbackfun",
                    data: [results]
                },
                '*'
            );
        }

        function setPointBylonlatForAddress(x,y){
            var url = GetConfigDataByName("WebServiceConvertCoordinateURL");
            WsCommonClass("ConvertLonLatToXY",["lon","lat"],[x,y],getXYbylonlatforAddress,null,url);
        }
        function getXYbylonlatforAddress(evt){
            if(evt[0] == null) {
                console.log("经纬度转换失败 error");
                return;
            }
            // console.log(evt[0].textContent);
            var point = evt[0].textContent;
            // var url = GetConfigDataByName("WebServiceExtraURL");
            // WsCommonClass("GetAddress",["x","y"],[point.split(',')[0],point.split(',')[1]],getAddressCallback,null,url);
            GetAddressByXY(point.split(',')[0],point.split(',')[1],50);
        }
        function getAddressCallback(evt){
            if(evt[0] == null) {
                console.log("经纬度转换失败 error");
                return;
            }
            var address = evt[0].textContent;
            window.parent.postMessage(
                {
                    method: "addressdataCallback",
                    data: [address]
                },
                '*'
            );
        }
        var m_radius;
        var m_layername;
        var m_showGraphic;
        function setPointBylonlatForGetBuffer(x,y,layername,radius,isshow,isGoTo){
            m_radius = radius;
            m_layername = layername;
            m_showGraphic = isshow;
            var url = GetConfigDataByName("WebServiceConvertCoordinateURL");
            WsCommonClass("ConvertLonLatToXY",["lon","lat"],[x-0,y-0],getXYbylonlatforBuffer,isGoTo,url);
        }
        function getXYbylonlatforBuffer(evt,isGoTo){
            if(evt[0] == null) {
                console.log("经纬度转换失败 error");
                return;
            }
            var point = evt[0].textContent;
            // var buffer =  getBufferByPoint(point.split(',')[0],point.split(',')[1],m_radius);
            getBufferByPoint(point.split(',')[0],point.split(',')[1],m_radius,m_layername,m_showGraphic,isGoTo);
            //m_layername;
            //  queryByGeometryAndLayer(buffer,m_layername);


        }
        function getGridGeometry(grid,layername){
           getGridGeometryByGridID(grid,layername);
        }

        function setPointBylonlatForSetCenter(x,y){
            var url = GetConfigDataByName("WebServiceConvertCoordinateURL");
            WsCommonClass("ConvertLonLatToXY",["lon","lat"],[x-0,y-0],getPointBylonlatForSetCenterr,null,url);
        }
        function getPointBylonlatForSetCenterr(evt){
            if(evt[0] == null) {
                console.log("经纬度转换失败 error");
                return;
            }
            var point = evt[0].textContent;

            m_view.center.x = point.split(',')[0]-0;
            m_view.center.y = point.split(',')[1]-0;
            m_view.goTo({
                target: m_view.center
            });
            // m_view.center = [point.split(',')[0]-0,point.split(',')[1]-0];
        }

var callMeasureLengthfun;
function MeasureLengthByPoint(x,y,x1,y1,fun){
    callMeasureLengthfun = fun;
    var url = GetConfigDataByName("WebServiceConvertCoordinateURL");
    var sql="121,31;121,31.1";
    sql = x+","+y+";"+x1+","+y1;
    WsCommonClass("ConvertLonLatToXYMass",["lonAndLatGroup"],[sql],getXYbylonlatMass,null,url);
}
function getXYbylonlatMass(evt){
    console.log(evt[0].textContent);
    var points = evt[0].textContent.split(';');
    var x = points[0].split(',')[0];
    var y = points[0].split(',')[1];
    var x1 = points[1].split(',')[0];
    var y1 = points[1].split(',')[1];
    var len =  measurePolylineByPoint(x,y,x1,y1);
    // parent.eval(callMeasureLengthfun+"("+ len+")");
    window.parent.postMessage(
        {
            method: callMeasureLengthfun,
            data: [len]
        },
        '*'
    );
}
        function getXYbyAddress(str){
            var url = GetConfigDataByName("WebServiceExtraURL");
            WsCommonClass("GetStreetInfo",["address"],[str],getXYbyAddressCallback,null,url);
        }
        function getXYbyAddressCallback(evt){
            if(evt[0] == null) {
                console.log("error");
                return;
            }
            // var jsonArray =  $.xml2json(evt[0].textContent);
            var jsonArray =  $.xml2json(evt[0].innerHTML);

             // var jsonArray = xmltojson(evt[0].textContent);
           //var jsonArray =JSON.parse(evt[0].textContent)[0].data;
            window.parent.postMessage(
                {
                    method: "XYbyAddressCallback",
                    data:[JSON.stringify(jsonArray).replace(/\"/g,'"')]
                },
                '*'
            );

        }

        function newOpenFeatureLayer(layername,type ,name,isGoTo,isOpen){
            newOpenLayer(layername,type ,name,isGoTo,isOpen);
        }
 function popupClick(json) {
            postToParentPageMethed("popupClickReturn",[json]);
        }
 function sqlReturn(evt,keyValue){
            require(["esri/geometry/Extent", "esri/Graphic"],
                    function(Extent, Graphic) {
                        var allCount;
                        var pageIndex;
                        var jsonArray ;
                        if(evt[0] != null) {
                            allCount =JSON.parse(evt[0].textContent)[0].AllCount;
                            pageIndex=JSON.parse(evt[0].textContent)[0].pageIndex;
                            jsonArray =JSON.parse(evt[0].textContent)[0].data;
                        }else{
                            jsonArray =[]
                        }
                        switch (keyValue){
                            case "queryResetNumByType":{

                                var TestData1 = [   ]; var TestData2 = [   ];
                                for(var i=0;i<jsonArray.length;i++){
                                    TestData1.push( [{ name:jsonArray[i].water_source_name,xy:[jsonArray[i].x1,jsonArray[i].y1] },
                                        { name: jsonArray[i].water_work_name,xy:[jsonArray[i].x2,jsonArray[i].y2]  }]);
                                    TestData2.push( [{ name:jsonArray[i].water_work_name,xy:[jsonArray[i].x2,jsonArray[i].y2] },
                                        { name: jsonArray[i].area_name,xy:[jsonArray[i].x3,jsonArray[i].y3]  }]);

                                    
                                }
                                   echartsWaterSourceToWorkRoute(TestData1,"#3581FF","",4);
                                echartsWaterWorkToAreaRoute(TestData2,"#42ebff","",4);
                                break;

                            }
                        }
                        
                    })
       
        }

 
    </script>
</head>
<body>

<div id="mapDiv">
    <!--<div id="viewTest">-->
        <!--<button onclick="layerOnOff();">图层开关</button>-->
    <!--</div>-->
</div>
<div id="infoDialog" title="详细信息">
<div id="divShowResult"></div>
</div>
</body>
</html>