CINXE.COM
铜GIS数据库_CBC金属网
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>铜GIS数据库_CBC金属网</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="description" content="铜GIS,铜GIS数据库" /> <meta name="keywords" content="铜GIS,铜GIS数据库" /> <script type="text/javascript" src="//cj.cbcie.com/js/jquery-1.6.min.js"></script> <link rel="stylesheet" href="/js/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css" /> <script type="text/javascript" src="/js/zTree/js/jquery.ztree.core-3.0.min.js"></script> <script type="text/javascript" src="/js/zTree/js/jquery.ztree.excheck-3.0.min.js"></script> <script type="text/javascript" src="/js/zTree/js/jquery.ztree.exedit-3.0.js"></script> <link rel="stylesheet" href="/ol/ol.css" type="text/css" /> <script src="/ol/ol.js" type="text/javascript"></script> <link rel='stylesheet' type='text/css' href='//cj.cbcie.com/js/fancybox1.3.4/jquery.fancybox-1.3.4.css' media='screen' /> <link rel="StyleSheet" href="//cj.cbcie.com/css/echarttootip.css" type="text/css" /> <style type="text/css"> body { margin: 0; padding: 0; text-align: center; font-family: "微软雅黑",Arial Narrow,arial,serif; font-size: 14px; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote { padding: 0; margin: 0; } input { font-family: "微软雅黑",Arial Narrow,arial,serif; } table, td, tr, th { font-size: 12px; } li { list-style-type: none; } img { vertical-align: top; border: 0; } ul { list-style: none; } A:link { color: #505050; text-decoration: none; } A:visited { color: #505050; text-decoration: none; } A:hover { color: #bc2931; text-decoration: underline; } .blank { width: 100%; height: 0; line-height: 0; font-size: 0; clear: both; } /*头部*/ .head_com { background: url(//image.cbcie.com/webimg/index/head.png) no-repeat; } .nav_logo { float: left; margin-left: 5px; } .nav_logo .nav_logo_bg { width: 115px; height: 36px; background:url(https://image.cbcie.com/logo/cbclog_gray.png) no-repeat; float: left; margin-top: 10px; } .nav_logo .nav_line { height: 28px; border-left: 1px solid #949595; float: left; margin: 14px 6px 0; } .nav_logo .nav_txt { color: #555; float: left; font-size: 18px; margin-top: 16px; font-family: "微软雅黑",sans-serif; font-weight: bold; } .nav_logo .nav_txt a:hover { text-decoration: none; } .nav_top { width: 100%; float: left; background: #eee; height: 50px; border-bottom: 5px solid #009ddc; position:relative;} .nav_part { float: right; margin-right: 14px; } .nav_part a { color: #555; text-decoration: none; } .nav_part a:hover { color: #444; text-decoration: none; } .nav_part .home_ico a { float: left; background-position: -200px 0; } .nav_part .home_ico a.h { width: 16px; height: 13px; margin: 8px 0 0 5px; } .nav_part .dh { float: left; padding: 5px 0 0 20px; position: relative; z-index: 10; } .nav_part .dh label { width: 12px; height: 20px; float: left; background-position: -200px -28px; } .nav_part .dh label:hover { background-position: -230px -28px; } .nav_part .dh a { float: left; padding: 2px 0 0 10px; font-size: 12px; } .nav_part .dh a:hover { text-decoration: none; } .nav_part .loginstate { float: left; width: 240px; height: 28px; padding: 0 0 0 20px; line-height: 28px; font-size: 12px; display: none; text-align: left; } .nav_part .nav_right { width: 306px; float: right; float: left; padding: 0px 0px 0 30px; height: 30px; line-height: 30px; } .nav_part .nav_right .other_ser { float: left; position: relative; z-index: 10; } .nav_part .nav_right a { float: left; height: 30px; line-height: 30px; overflow: hidden; font-size: 12px; } .nav_part .nav_right label { float: left; color: #848484; padding: 0 15px; } .nav_part .nav_right a.online { float: left; margin-left: 22px; display: inline; padding: 0 10px; background: #009bff; color: #fff; } .nav_part .nav_right a.online:hover { background: #1aa4fd; } .other_ser_con { width: 110px; display: none; position: absolute; top: 25px; background: #e98300; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 999; } .other_ser_con li a { width: 100px; float: left; line-height: 24px; text-align: left; padding: 0 0 0 10px; } .other_ser_con li a:hover { background: #666; color: #fff !important; text-decoration: none; } /*.logo_txt_cen{position:absolute; top:14px; left:33%;}*/ .nav_part .login_dl { border-radius: 2px; display: inline-block; background: #0077bb; text-align: center; position: relative; padding: 0 8px; float: left; height: 30px; } .nav_part .login_dl .hd_log_reg { height: 30px; line-height: 30px; float: left; } .nav_part .login_dl .hd_log_reg a { color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; } .nav_part .login_dl .line_login { display: inline-block; color: #fff; height: 30px; line-height: 30px; float: left; } /*.nav_part .login_dl .line_login { height: 14px; display: inline-block; position: absolute; left: 36px; top: 7px; }*/ .loginsuccess { display: none; float: left; line-height: 30px; } .hd_wel { height: 30px; line-height: 30px; border-radius: 2px; display: inline-block; background: none !important; text-align: center; font-size: 12px; font-weight: bold; padding: 0 8px; float: left; } .page { width: 100%; margin: 0 auto; overflow: hidden; position: relative; } .leftpart { position: relative; z-index: 10; background: #fff; } .ztree { width: 290px; float: left; overflow-y: auto; overflow-x: hidden; } .ztree * { font-family: "微软雅黑" !important; } .ztree li a:hover { text-decoration: none !important; } .topban { width: 100%; margin: 0 auto; clear: both; height: 50px; background: #1574F7; } .topban span { font-size: 18px; color: #fff; float: left; padding: 15px 0 0 20px; } .topban span a { font-size: 18px; color: #fff; padding: 15px 20px 0 0; text-decoration: none; } .topban span a:hover { color: #F4F4EE; } .showmemo { max-width: 500px; width: auto !important; _width: 500px; float: left; position: absolute; left: 300px; border: 1px solid #ccc; line-height: 25px; padding: 10px; display: none; z-index: 100; background: #fff; } .rightpart { position: absolute; float: left; left: 300px; z-index: 5; } .infoarea { float: left; position: relative; } .map { height: 600px; float: left; } .infoarea .showinfo { width: 758px; height: 400px; float: left; background: #fff; display: none; border: 1px solid #CCCCCC; border-radius: 5px; position: absolute; z-index: 10; left: 20px; top: 100px; overflow-y: auto; overflow-x: hidden; } .head_sx { width: 758px; float: left; height: 29px; border-bottom: 2px solid #285c95; border-radius: 5px; background-color: #fcfcfc; position: relative; font-size: 14px; font-weight: bold; } .sxcx { color: #333; padding-left: 10px; height: 29px; line-height: 29px; float: left; } .sx_close { position: absolute; z-index: 10; top: 0; right: 10px; float: left; padding: 5px 0 0; font-family: 宋体; font-size: 18px; } .sx_close a { color: #808080; text-decoration: none; } .sx_close a:hover { color: #bc2931; text-decoration: none; } .infoarea .showinfo .llist { width: 300px; float: left; padding: 10px 0 0 10px; font-size: 13px; } .infoarea .showinfo .llist li { width: 300px; float: left; height: 29px; text-align: left; } .infoarea .showinfo .llist li a { float: left; line-height: 29px; padding: 0 10px; color: #000; text-decoration: none; } .infoarea .showinfo .llist li a:hover { background: #EDF7FA; padding: 0 9px; line-height: 27px; border: 1px solid #EDF7FA; text-decoration: none; } .infoarea .showinfo .llist .active { } .infoarea .showinfo .llist .active a { line-height: 27px; padding: 0 10px; background: #4390FA; border: 1px solid #B5D8E8; color: #fff; } .infoarea .showinfo .llist .active a:hover { padding: 0 10px; background: #4390FA; border: 1px solid #B5D8E8; color: #fff; } .infoarea .showinfo .rdetail { width: 444px; height: 359px; float: left; border-left: 2px solid #285c95; padding: 10px 0 0 0; } .infoarea .showinfo .rdetail .dti { width: 444px; height: 359px; float: left; display: none; overflow-x: hidden; overflow-y: auto; } .show_tab { width: 420px; margin: 0 auto; clear: both; background: #fff; table-layout: fixed; } .show_tab td { background: #F5F5F5; height: 25px; color: #333; padding-left: 15px; text-align: left; } .show_tab .td_l { width: 150px; background: #4390FA; color: #fff; font-weight: bold; } .show_tab .td_r { } .show_tab .td_r .trendico { background: url(//image.cbcie.com/webimg/index/chart_15_15.png) right no-repeat transparent; cursor: pointer; display: inline; float: left; height: 20px; line-height: 20px; padding-right: 23px; } .show_tab .td_l_first { width: 200px; font-weight: bold; background: #4390FA; color: #fff; } .show_tab .td_r_first { } .historychart { width: 400px; float: left; padding: 20px 20px 0 0; text-align: right; line-height: 30px; font-size: 14px; } /*图例位置*/ .legendimg { margin: 0 0 0 35px; } .legendimg .squre { width: 10px; height: 10px; float: left; margin: 5px 10px 0 0; display: inline; } .legendimg .pointer { width: 10px; height: 10px; border-radius: 10px; float: left; margin: 5px 10px 0 0; display: inline; } .legendimg .labfw { float: left; padding: 3px 0 0 5px; } .legendimg .clear1 { height: 1px; clear: both; font-size: 1px; display: block; overflow: hidden; } /*专题图层*/ .tc_top { width: 290px; height: 29px; background: #009ddc; float: left; margin: 7px 5px 0; line-height: 29px; display: inline; } .tc_top .lzt { background: url(//gis.cbcie.com/tp_bg.png) no-repeat scroll 0 center transparent; margin-left: 13px; padding-left: 13px; color: #fff; float: left; display: inline; cursor: pointer; font-size: 14px; } .tc_top .rcancel { float: right; display: block; margin-right: 8px; } .tc_top .rcancel a { color: #fff; } .tc_top .rcancel input { color: #fff; background: #4390FA; border: 0; } .ditu { clear: left; float: left; } .ditu label { display: block; height: 22px; } /*右侧顶部*/ .right_top { height: 29px; line-height: 29px; float: left; background: #009ddc; color: #fff; margin: 7px 0 0 0; padding: 0 10px 0 14px; } .right_top ul { } .right_top ul li { float: right; } .map:-moz-full-screen { height: 100%; } .map:-webkit-full-screen { height: 100%; } .map:-ms-fullscreen { height: 100%; } .map:fullscreen { height: 100%; } .ol-rotate { top: 3em; } /*弹出窗口样式开始*/ .pop { width: 100%; height: 100%; background: gray; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); position: absolute; left: 0; top: -210px; z-index: 99999; } .popdiv { width: 800px; height: 600px; position: absolute; float: left; left: 50%; top: 50%; margin-left: -400px; margin-top: -300px; position: fixed; z-index: 100000; background: #fff; } .targetb { width: 100%; margin: 0 auto; } .close { width: 21px; float: right; padding: 8px 0 0; } .close input { } .trend { width: 800px; height: 500px; float: left; } /*弹出窗口样式结束*/ .logints { padding: 20px 0 0; font-size: 16px; color: #333; height: 500px; } .logints a { color: #ff0000; } .logints a:hover { color: #ff0000; } .loginTstext { float: left; padding: 20px 0 0 50px; } .loginTstext p { clear: both; text-align: left; line-height: 21px; font-size: 14px; color: red; } /*登录权限问题*/ .qx_115_40 { background: url(//image.cbcie.com/webimg/index/qx_115_40.png) no-repeat; } .tip_qx750 { position: relative; width: 580px; text-align: left; padding: 60px 50px 50px 120px; background: #fff; box-shadow: 4px 0 10px rgba(200, 200, 200, 0.8), -4px 0 10px rgba(200, 200, 200, 0.8); } .tip_qx750 .txt_wxts { font-size: 16px; color: #e98300; } .tip_qx750 .txt_wxts b { color: #575757; } .tip_qx750 .btn_sqkt { float: left; clear: both; } .tip_qx750 dl { clear: both; line-height: 25px; color: #444; } .tip_qx750 dt { } .tip_qx750 dd { } .list_cir { width: 4px; height: 4px; float: left; background: #444444; border-radius: 50%; margin: 11px 5px 0; } .tip_qx750 dd a { color: #bc2931; } .tip_qx750 dd a:hover { color: #000; } .bg_left { width: 40px; height: 40px; display: block; background-position: 0 0; position: absolute; left: 50px; top: 50px; } /*20161224 权限*/ .btn_guide { float: left; } a.btn_qx_com { padding: 0 20px; height: 40px; line-height: 40px; color: #fff; float: left; border-radius: 4px; margin-right: 20px; font-size: 16px; text-decoration:none; } a.btn_qx_com:hover { transform: translate3d(0,-2px,0); transition: transform .2s; } a.btn_sq { background: #ff8000; } a.btn_lj { background: #ff8000; } a.btn_gm { background: #ea2d2d; } .chartarea { width: 720px; height: 480px; float: left; } .geoinfo { display: none; } .tooltipshow { font-family: "微软雅黑"; font-size: 14px; color: #000 !important; } .downbs { } .downbs input { width: 100px; height: 30px; line-height: 30px; background: #009DDD; color: #fff; margin-left: 20px; font-size: 14px; font-family: "微软雅黑"; border-radius: 4px; border: 0; cursor: pointer; } /*统计表*/ .statictab { width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5; } .targ_top { position: relative; width: 100%; float: right; height: 32px; } .targ_dataimg_left { display: none; position: absolute; z-index: 6; right: 0; width: 100px; float: left; background: #FC7A00; color: #fff; border: 1px solid #fff; line-height: 30px; height: 30px; cursor: pointer; } .targ_list_right { display: none; padding-left: 100px; float: left; } .targ_list_right li { float: left; padding: 6px 10px 0; height: 24px; color: #333; border: 1px solid #fff; border-left: 0; background: #EEEEEE; cursor: pointer; } .targ_list_right .active { background: #009DDC; color: #fff; } .targ_info_bottom { display: none; float: left; position: relative; background: #fff; } .targ_info_bottom .headlist { float: left; position: absolute; z-index: 2; top: 0; } /*position:fixed;z-index:2;bottom:290px;*/ .targ_info_bottom .headlist .menu { float: left; table-layout: fixed; background: #fff; border-spacing: 1px; } .targ_info_bottom .headlist .menu td { width: 100px; height: 25px; line-height: 25px; background: #009DDC; color: #fff; table-layout: fixed; } .targ_info_bottom .headlist .menu .xh { width: 40px; } .targ_info_bottom .contlist { float: left; height: 270px; background: #fff; padding: 25px 0 0; overflow: auto; } .targ_info_bottom .contlist .dcont { float: left; table-layout: fixed; background: #009DDC; border-spacing: 1px; } .targ_info_bottom .contlist .dcont td { width: 100px; height: 25px; line-height: 25px; table-layout: fixed; background: #fff; } .targ_info_bottom .contlist .dcont .xh { width: 40px; } .targ_info_bottom .contlist .dcont .right { text-align: right; padding-right: 20px; width: 81px; } .tooltip { position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 4px; color: white; padding: 4px 8px; opacity: 0.7; white-space: nowrap; } .tooltip-measure { opacity: 1; font-weight: bold; } .tooltip-static { background-color: #ffcc33; color: black; border: 1px solid white; } .tooltip-measure:before, .tooltip-static:before { border-top: 6px solid rgba(0, 0, 0, 0.5); border-right: 6px solid transparent; border-left: 6px solid transparent; content: ""; position: absolute; bottom: -6px; margin-left: -7px; left: 50%; } .tooltip-static:before { border-top-color: #ffcc33; } /*客服列表*/ .tip_line { position: relative; float: left; } .t_online { position: absolute; top: 30px; right: 0; width: 210px; font-size: 12px; display: none; background: #888; float: left; clear: both; z-index: 999; } .t_online li { width: 100%; line-height: 36px; float: left; clear: both; border-bottom: 1px solid #ccc; } .t_online li:hover { background: #ff6a00; cursor: pointer; } .t_online .t_kf_dh:hover { background: #f39c11; } .t_online .t_kf_online:hover { background: #fdc005; } .t_online .t_kf_qq:hover { background: #5584cc; } .t_online .t_kf_wx:hover { background: #8fce01; } .t_online .t_kf_yx:hover { background: #dc5446; } .t_online li:hover a { color: #fff; } .t_online li a { color: #eee !important; } .t_online li a:hover { color: #fff !important; } /*左边小背景*/ .t_online .bg_kf_com { width: 24px; height: 24px; margin: 6px 10px 0; float: left; background: url(//image.cbcie.com/webimg/index/icon_24_180.png) no-repeat; } .t_online .bg_kf1 { background-position: 0px 0; } .t_online .bg_kf2 { background-position: 0px -40px; } .t_online .bg_kf3 { background-position: 0px -80px; } .t_online .bg_kf4 { background-position: 0px -120px; } .t_online .bg_kf5 { background-position: 0px -165px; } .t_online b.kf_txt { font-weight: normal; float: left; } .t_online .t_pic_ewm { position: relative; } .t_online .t_pic_ewm img { position: absolute; top: -30px; left: -149px; display: none; } </style> </head> <body> <form id="form1" action="/downImg.ashx" method="post"> <input type="hidden" name="hidimageurl" id="hidimageurl" /> <input type="hidden" name="hidimagename" id="hidimagename" /> </form> <div class="nav_top"> <div class="nav_logo"> <a href="http://www.cbcie.com/" target="_blank" class="nav_logo_bg"></a> <span class="nav_line"></span> <span class="nav_txt"><a href='http://www.cbcie.com/cu/index.html' target='_blank' title='中国铜网'>中国铜网</a> GIS图系统 <a class='logo_txt_cen' href='http://www.cbcie.com/vip/cu/19/metal_db.html#md_list_r' target='_blank'>GIS数据库</a></span> </div> <div style=" float: right; padding: 12px 0 0;"> <div class="loginsuccess"></div> <div class="nav_part"> <span class="home_ico"><a href="http://www.cbcie.com/" class="h head_com" target="_blank"></a></span> <div class="dh" id="topkdsh"> <label class="head_com"></label> <a href="javascript:;">金属导航</a> <div id="loadmetal"><div class="popmetal" id="toppopnav"> <ul class="ulleft" id="topnavleft"> <li><a target="_self" href="javascript:;" rel="nofollow">基本金属</a><span></span></li> <li><a target="_self" href="javascript:;" rel="nofollow">小金属</a><span></span></li> <li><a target="_blank" href="http://www.cbcie.com/ferro/index.html">铁合金</a><span></span></li> <li><a target="_blank" href="http://www.cbcie.com/ree/index.html">稀土金属</a><span></span></li> <li><a target="_blank" href="http://www.cbcie.com/gjs/index.html">贵金属</a><span></span></li> <li><a target="_blank" href="http://www.cbcie.com/go/index.html">石墨碳素</a><span></span></li> <li><a target="_blank" href="http://www.cbcie.com/naihuo/index.html">耐火材料</a><span></span></li> <li><a target="_blank" href="http://www.cbcie.com/taoci/index.html">陶瓷材料</a><span></span></li> <li><a target="_blank" href="http://www.cbcie.com/bxg/index.html">不锈钢</a><span></span></li> <li><a target="_blank" href="http://www.cbcie.com/steel/index.html">钢铁网</a><span></span></li> <li><a target="_self" href="javascript:;" rel="nofollow">专题分网</a><span></span></li> </ul> <div class="navright" id="topnavright"> <div class="topnavrightList2" style="display:none"> <h3>基本金属</h3> <p> <a target="_blank" href="http://www.cbcie.com/cu/index.html" title="铜Cu">铜Cu</a> <a target="_blank" href="http://www.cbcie.com/al/index.html" title="铝Al">铝Al</a> <a target="_blank" href="http://www.cbcie.com/pb/index.html" title="铅Pb">铅Pb</a> <a target="_blank" href="http://www.cbcie.com/zn/index.html" title="锌Zn">锌Zn</a> <a target="_blank" href="http://www.cbcie.com/sn/index.html" title="锡Sn">锡Sn</a> <a target="_blank" href="http://www.cbcie.com/ni/index.html" title="镍Ni" class="fontRed">镍Ni</a> </p> </div> <div class="topnavrightList2" style="display:none"> <h3>小金属</h3> <p> <a target="_blank" href="http://www.cbcie.com/co/index.html" title="钴Co" class="fontRed">钴Co</a> <a target="_blank" href="http://www.cbcie.com/li/index.html" title="锂Li" class="fontRed">锂Li</a> <a target="_blank" href="http://www.cbcie.com/mg/index.html" title="镁Mg">镁Mg</a> <a target="_blank" href="http://www.cbcie.com/ta/index.html" title="钽Ta">钽Ta</a> <a target="_blank" href="http://www.cbcie.com/nb/index.html" title="铌Nb">铌Nb</a> <a target="_blank" href="http://www.cbcie.com/zr/index.html" title="锆Zr" class="fontRed">锆Zr</a> <span class="navline"><!-- --></span> <a target="_blank" href="http://www.cbcie.com/sb/index.html" title="锑Sb">锑Sb</a> <a target="_blank" href="http://www.cbcie.com/hg/index.html" title="汞Hg" class="fontRed">汞Hg</a> <a target="_blank" href="http://www.cbcie.com/in/index.html" title="铟In" class="fontRed">铟In</a> <a target="_blank" href="http://www.cbcie.com/bi/index.html" title="铋Bi">铋Bi</a> <a target="_blank" href="http://www.cbcie.com/ge/index.html" title="锗Ge">锗Ge</a> <a target="_blank" href="http://www.cbcie.com/ga/index.html" title="镓Ga">镓Ga</a> <span class="navline"><!-- --></span> <a target="_blank" href="http://www.cbcie.com/se/index.html" title="硒Se">硒Se</a> <a target="_blank" href="http://www.cbcie.com/te/index.html" title="碲Te" class="fontRed">碲Te</a> <a target="_blank" href="http://www.cbcie.com/re/index.html" title="铼Re">铼Re</a> <a target="_blank" href="http://www.cbcie.com/as/index.html" title="砷As">砷As</a> <a target="_blank" href="http://www.cbcie.com/cd/index.html" title="镉Cd">镉Cd</a> <a target="_blank" href="http://www.cbcie.com/be/index.html" title="铍Be">铍Be</a> <span class="navline"><!-- --></span> <a target="_blank" href="http://www.cbcie.com/b/index.html" title="硼B">硼B</a> <a target="_blank" href="http://www.cbcie.com/k/index.html" title="钾K">钾K</a> <a target="_blank" href="http://www.cbcie.com/na/index.html" title="钠Na">钠Na</a> <a target="_blank" href="http://www.cbcie.com/ca/index.html" title="钙Ca">钙Ca</a> <a target="_blank" href="http://www.cbcie.com/p/index.html" title="磷P">磷P</a> <a target="_blank" href="http://www.cbcie.com/ba/index.html" title="钡Ba">钡Ba</a> <span class="navline"><!-- --></span> <a target="_blank" href="http://www.cbcie.com/hf/index.html" title="铪Hf">铪Hf</a> <a target="_blank" href="http://www.cbcie.com/rb/index.html" title="铷Rb">铷Rb</a> <a target="_blank" href="http://www.cbcie.com/cs/index.html" title="铯Cs">铯Cs</a> <a target="_blank" href="http://www.cbcie.com/sr/index.html" title="锶Sr">锶Sr</a> <a target="_blank" href="http://www.cbcie.com/tl/index.html" title="铊Tl">铊Tl</a> </p> </div> <div class="topnavrightList2" style="display:none"> <h3>铁合金</h3> <p> <a target="_blank" style="width:60px" href="http://www.cbcie.com/w/index.html">钨W</a> <a target="_blank" style="width:60px" href="http://www.cbcie.com/mo/index.html">钼Mo</a> <a target="_blank" style="width:60px" href="http://www.cbcie.com/v/index.html" class="fontRed">钒V</a> <a target="_blank" style="width:60px" href="http://www.cbcie.com/ti/index.html">钛Ti</a> <span class="navline"><!-- --></span> <a target="_blank" style="width:60px" href="http://www.cbcie.com/cr/index.html">铬Cr</a> <a target="_blank" style="width:60px" href="http://www.cbcie.com/mn/index.html">锰Mn</a> <a target="_blank" style="width:60px" href="http://www.cbcie.com/si/index.html">硅Si</a> </p> </div> <div class="topnavrightList2" style="display:none"> <h3>稀土金属</h3> <p> <a target="_blank" title="稀土矿" href="http://www.cbcie.com/ree/index.html" style="width:75px">稀土矿</a> <a target="_blank" title="稀土化合物" href="http://www.cbcie.com/ree/index.html" style="width:75px">稀土金属</a> <a target="_blank" title="稀土化合物" href="http://www.cbcie.com/ree/index.html" style="width:75px">稀土氧化物</a> <span class="navline"><!-- --></span> <a target="_blank" title="稀土化合物" href="http://www.cbcie.com/ree/index.html" style="width:75px">稀土氯化物</a> <a target="_blank" title="稀土化合物" href="http://www.cbcie.com/ree/index.html" style="width:75px">稀土碳酸物</a> <a target="_blank" title="稀土化合物" href="http://www.cbcie.com/ree/index.html" style="width:75px">稀土合金</a> <span class="navline"><!-- --></span> <a target="_blank" title="稀土化合物" href="http://www.cbcie.com/ree/index.html" style="width:75px">钕铁硼</a> <a target="_blank" title="稀土化合物" href="http://www.cbcie.com/ree/index.html" style="width:75px">稀土镁硅</a> <a target="_blank" title="稀土化合物" href="http://www.cbcie.com/ree/index.html" style="width:75px">稀土镁硅铁</a> </p> </div> <div class="topnavrightList2" style="display:none"> <h3>贵金属</h3> <p> <a target="_blank" href="http://www.cbcie.com/au/index.html" title="金Au">金Au</a> <a target="_blank" href="http://www.cbcie.com/ag/index.html" title="银Ag">银Ag</a> <a target="_blank" href="http://www.cbcie.com/pt/index.html" title="铂Pt">铂Pt</a> <a target="_blank" href="http://www.cbcie.com/pd/index.html" title="钯Pd">钯Pd</a> <a target="_blank" href="http://www.cbcie.com/os/index.html" title="锇Os">锇Os</a> <a target="_blank" href="http://www.cbcie.com/rh/index.html" title="铑Rh" class="fontRed">铑Rh</a> <span class="navline"><!-- --></span> <a target="_blank" href="http://www.cbcie.com/ru/index.html" title="钌Ru" class="fontRed">钌Ru</a> <a target="_blank" href="http://www.cbcie.com/ir/index.html" title="铱Ir">铱Ir</a> <span class="navline"><!-- --></span> <a target="_blank" href="http://www.cbcie.com/gjs/index.html" style="width:126px">CBC中国贵金属网</a> </p> </div> <div class="topnavrightList2" style="display:none"> <h3>石墨碳素</h3> <p> <a href="/212973/0/list.html" target="_blank" style="width:70px">负极材料</a> <a href="/953022/0/list.html" target="_blank" style="width:70px">预焙阳极</a> <a href="/949291/0/list.html" target="_blank" style="width:70px">石墨电极</a> <a href="/948172/0/list.html" target="_blank" style="width:54px">针状焦</a> <span class="navline"></span> <a href="/948274/0/list.html" target="_blank" style="width:70px">阴极炭块</a> <a href="/11501/0/list.html" target="_blank" style="width:70px">球形石墨</a> <a href="/9467/0/list.html" target="_blank" style="width:70px">鳞片石墨</a> <a href="/953005/0/list.html" target="_blank" style="width:54px">活性炭</a> <span class="navline"></span> <a href="/953014/0/list.html" target="_blank" style="width:80px">等静压石墨</a> <a href="/948199/0/list.html" target="_blank" style="width:54px">增碳剂</a> <a href="/952698/0/list.html" target="_blank" style="width:54px">BDO</a> <a href="/948487/0/list.html" target="_blank" style="width:54px">炭电极</a> <span class="navline"></span> <a href="/251919/0/list.html" target="_blank" style="width:145px">甲苯二异氰酸酯(TDI)</a> </p> </div> <div class="topnavrightList2" style="display:none"> <h3>耐火材料</h3> <p> <a href="/950221/0/list.html" style="width:54px">镁砂</a> <a href="/950309/0/list.html" style="width:54px">铝钒土</a> <a href="/950290/0/list.html" style="width: 54px">锆英砂</a> <a href="/950264/0/list.html" style="width: 54px">氧化锆</a> <span class="navline"></span> <a href="/950256/0/list.html" style="width: 54px">氧化铝</a> <a href="/iea/923952/0/list.html" style="width: 54px">石英砂</a> <a href="/950192/0/list.html" style="width: 54px">硅石</a> <a href="/iea/942642/0/list.html" style="width: 54px">刚玉</a> <span class="navline"></span> <a href="/950236/0/list.html" style="width: 54px">碳化硅</a> <a href="/iea/923342/0/list.html" style="width: 54px">碳化硼</a> <a href="/go/index.html" style="width:65px">碳素石墨</a> <span class="navline"></span> <a target="_blank" href="http://www.cbcie.com/naihuo/index.html" style="width:140px">CBC中国耐火材料网</a> </p> </div> <div class="topnavrightList2" style="display:none"> <h3>陶瓷材料</h3> <p> <a href="/950170/0/list.html" style="width:54px">氧化镍</a> <a href="/950168/0/list.html" style="width:54px">氧化铜</a> <a href="/950160/0/list.html" style="width:54px">氧化锡</a> <a href="/950158/0/list.html" style="width:54px">氧化钴</a> <span class="navline"></span> <a href="/949857/0/list.html" style="width:65px">氧化铝粉</a> <a href="/950148/0/list.html" style="width:54px">氧化锰</a> <a href="/950146/0/list.html" style="width:54px">氧化锌</a> <a href="/949891/0/list.html" style="width:54px">碳化硅</a> <span class="navline"></span> <a href="/949876/0/list.html" style="width:54px">硅酸锆</a> <a href="/iea/7385/0/list.html" style="width:54px">磷酸钙</a> <a href="/949871/0/list.html" style="width:54px">金红石</a> <span class="navline"></span> <a target="_blank" href="http://www.cbcie.com/taoci/index.html" style="width:140px">CBC中国陶瓷材料网</a> </p> </div> <div class="topnavrightList2" style="display:none"> <h3>不锈钢</h3> <p> <a href="/902769/0/list.html" style="width: 85px">不锈钢板卷</a> <a href="/901521/0/list.html" style="width:54px">镍矿</a> <a href="/900228/0/list.html" style="width:54px">镍铁</a> <a href="/900280/0/list.html" style="width:54px">电解镍</a> <span class="navline"></span> <a href="/902740/0/list.html" style="width: 85px">不锈钢平板</a> <a href="/900209/0/list.html" style="width:54px">锰矿</a> <a href="/894610/0/list.html" style="width:54px">锰铁</a> <a href="/894668/0/list.html" style="width:54px">电解锰</a> <span class="navline"></span> <a href="/901559/0/list.html" style="width: 85px">不锈钢废料</a> <a href="/894566/0/list.html" style="width:54px">铬矿</a> <a href="/894479/0/list.html" style="width:54px">铬铁</a> <a href="/894497/0/list.html" style="width:54px">金属铬</a> <span class="navline"></span> <a href="/902771/0/list.html" style="width: 85px">不锈钢板</a> <a href="/31318/0/list.html" style="width:60px">不锈钢棒</a> <a href="/17840/0/list.html" style="width:54px">废钢</a> </p> </div> <div class="topnavrightList2" style="display:none"> <h3>钢铁网</h3> <p> <a href="/43438/0/list.html" style="width: 65px">建筑钢材</a> <a href="/43439/0/list.html" style="width:54px">结构钢</a> <a href="/43441/0/list.html" style="width:54px">模具钢</a> <a href="/43447/0/list.html" style="width:54px">中厚板</a> <span class="navline"></span> <a href="/43435/0/list.html" style="width:65px">钢管</a> <a href="/43436/0/list.html" style="width:54px">钢坯</a> <a href="/43437/0/list.html" style="width:54px">硅钢</a> <a href="/43445/0/list.html" style="width:54px">涂镀</a> <span class="navline"></span> <a href="/43440/0/list.html" style="width:65px">冷轧</a> <a href="/43442/0/list.html" style="width:54px">热轧</a> <a href="/43444/0/list.html" style="width:54px">特钢</a> <a href="/43446/0/list.html" style="width:54px">型钢</a> <span class="navline"></span> <a href="/43443/0/list.html" style="width:65px">生铁</a> <a href="/43434/0/list.html" style="width:54px">废钢</a> </p> </div> <div class="topnavrightList2" style="display:none"> <h3>专题分网</h3> <p> <a href="http://www.cbcie.com/wjy/index.html" style="width:80px">无机化工</a> <a href="http://www.cbcie.com/waste/index.html" style="width: 80px">废旧网</a> <a href="http://www.cbcie.com/fenti/index.html" style="width: 80px">粉体网</a> <span class="navline"></span> <a href="http://www.cbcie.com/tanb/index.html" style="width: 80px">钽铌网</a> <a href="http://www.cbcie.com/coal/index.html" style="width: 80px">煤炭网</a> <a href="http://www.cbcie.com/iron/index.html" style="width: 80px">铁矿石网</a> <span class="navline"></span> <a href="http://www.cbcie.com/mining/index.html" style="width: 80px">矿业网</a> </p> </div> </div> </div> <script type="text/javascript"> //金属导航js效果 function showquicknav(i) {$("#topnavleft>li").each(function (j) { $(this).removeClass("active"); });$("#topnavright>div").each(function (j) { $(this).hide(); }); $("#toppopnav").css("width", "509px"); $("#topnavleft>li").eq(i).addClass("active"); if (i != 11) {$("#topnavright").show();$("#topnavright>div").eq(i).show();} else {$("#topnavright").hide();$("#topnavleft>li").eq(i).find("span").remove();} } var nav_time = ""; (function navhover() { $("#topkdsh").hover(function () { $("#toppopnav").show(); $(this).addClass("active"); }, function () { $("#toppopnav").hide(); $("#topnavright").hide(); $("#toppopnav").css("width", "152px"); $("#topnavleft>li").each(function (j) { $(this).removeClass("active"); }); $(this).removeClass("active"); }); $("#topnavleft>li").each(function (i) { var d = i; $(this).mouseover(function () { nav_time = setTimeout("showquicknav(" + i + ")", 100); }); $(this).mouseleave(function () { clearTimeout(nav_time); }); }) })(); </script></div> </div> <div class="loginstate"></div> <div class="nav_right"> <div class="other_ser"> <a href="http://www.cbcie.com/server/index.html" target="_blank" title="">产品服务</a> <ul class="other_ser_con"> <li><a href="http://www.cbcie.com/server/index.html" target="_blank" title="产品服务首页">产品服务首页</a></li> <li><a href="http://www.cbcie.com/report/index.html" target="_blank" title="研究报告网">研究报告网</a></li> <li><a href="http://www.cbcie.com/database/index.html" target="_blank" title="数据库网">数据库网</a></li> </ul> </div> <label>|</label> <a href="http://www.cbcie.com/vipcompared/index.html" target="_blank" title="">会员对比</a> <label>|</label> <a href="http://www.cbcie.com/" target="_blank" title="">中文</a> <div class="tip_line" style="float: left;"> <a class="online" href="http://www.cbcie.com/webservices/" target="_blank" title="在线客服">在线客服</a> <ul class="t_online" id="TopOnline"> <!--联系我们--> <li class="t_kf_qq"><a href="http://wpa.qq.com/msgrd?v=3&uin=1839010038&site=qq&menu=yes" target="_blank" title=""><b class="bg_kf3 bg_kf_com"></b><b class="kf_txt">QQ：1839010038</b></a></li> <li class="t_kf_wx t_pic_ewm"><a href="javascript:;" target="_blank" title=""><b class="bg_kf4 bg_kf_com"></b><b class="kf_txt">微信：linkknow<img src="//image.cbcie.com/zxh/CBCWeChatFriends.jpg" alt="二维码" /></b></a></li> <li class="t_kf_dh"><a href="javascript:;" target="_blank" title=""><b class="bg_kf2 bg_kf_com"></b><b class="kf_txt">电话：18535189928</b></a></li> <li class="t_kf_yx"><a href="mailto:info@cbcie.com" title="联系邮箱"><b class="bg_kf5 bg_kf_com"></b><b class="kf_txt">邮箱：info@cbcie.com</b></a></li> <li class="t_kf_online"><a href="http://www.cbcie.com/webservices/" target="_blank" title=""><b class="bg_kf1 bg_kf_com"></b><b class="kf_txt">在线客服</b></a></li> </ul> </div> </div> <div class="login_dl"> <span class="hd_log_reg"><a class="" href="http://vip.cbcie.com/loginnew.aspx" title="登录">登录</a></span><span class="line_login">丨</span><span class="hd_log_reg"><a class="" href="http://vip.cbcie.com/regnew.aspx" target="_blank" title="注册">注册</a></span> </div> </div> </div> </div> <script type="text/javascript"> function GetCookie(name) { var cookie_start = document.cookie.indexOf(name); var cookie_end = document.cookie.indexOf(";", cookie_start); return cookie_start == -1 ? '' : unescape(document.cookie.substring(cookie_start + name.length + 1, (cookie_end > cookie_start ? cookie_end : document.cookie.length))); } if (GetCookie("VIP_Name") == "") { $(".loginsuccess").hide(); //加载上次登录的用户名 // if(GetCookie("login_info")!="") // document.getElementById("username").value= GetCookie("login_info"); } else { var linfo = GetCookie("VIP_Name"); $(".loginsuccess").show(); $(".login_dl").html("<span class='hd_wel'>欢迎登录CBC金属网！</span>").css("background", "none"); var viplist = linfo.split("|"); $.ajax({ url: '/html/logincraency.ashx', type: "post", data: "command=decrypt", dataType: "text", success: function (result) { var res = result.split("|") $(".loginsuccess").html("您好，<a style='padding:0 10px 0 0' href='http://vip.cbcie.com/member/baseinfonew.aspx' target='_blank'><font style='color:red;text-decoration:underline'>" + res[0] + "</font></a> <a href='http://vip.cbcie.com/member/baseinfonew.aspx' target='_blank' title='会员中心'>会员中心</a> <a href='http://vip.cbcie.com/loginout.aspx' target='_self'>安全退出</a>"); //<a href='http://vip.cbcie.com/jy/trade/baseinfo.aspx' target='_blank'>会员服务</a> }, error: onerror }); } function onerror(error) { //$(".loginstate").show(); } //产品服务下拉 $(".other_ser").hover(function () { $(this).find("ul").show(); }, function () { $(this).find("ul").hide(); }); </script> <div class="blank"></div> <div class="page"> <div style="width: 300px; float: left;" class="leftpart"> <div class="tc_top"> <span class="lzt">专题图层</span> <span id="closeall">全部合并</span> <span id="expandall">全部展开</span> <span class="rcancel"> <input type="button" onclick="return checkAll();" value="取消勾选" /></span> </div> <div class="ztree" id="scrollztree"> <div id="treeDemo"></div> <div class="tc_top" style="margin: 0;display:none;"> <span class="lzt">底图</span> <div class="ditu"> <label> <input id="inputtdt" name="map" type="radio" value="" checked="checked" />天地图</label> <label> <input id="inputopen" name="map" type="radio" value="" />open</label> <label> <input id="inputbaidu" name="map" type="radio" value="" />百度</label> <label> <input id="inputbing" name="map" type="radio" value="" />bing</label> <label style="visibility: hidden;"> <input name="map" type="radio" value="" />google</label> </div> </div> </div> </div> <div class="showmemo"></div> <div class="rightpart"> <div class="right_top"> <ul> <li id="measureLine"><span class="ranging"></span> <input type="button" value="测距" onclick="return ceju();" /></li> <li class="publine"></li> <li id="measureArea"><span class="side"></span> <input type="button" value="测面" onclick="return cemian();" /></li> <li class="publine"></li> <li id="fullScreen"><span class="screen"></span>全屏</li> <li><a id="export-png" class="btn" download="map.png"> <i class="icon-download"></i>导出图片</a></li> <li> <div id="no-download" class="alert alert-error" style="display: none"> This <a href="http://caniuse.com/#feat=download">link</a> </div> </li> <li> <input type="button" value="回到中心点" onclick="return returncenter();" /> </li> <li id="mouse-position" style="display: none;"></li> </ul> </div> <style type="text/css"> .lg_con p { margin: 0px; padding: 0px; } .lg_con input { background: none; border: none; outline: none; } .lg_con { width: 644px; height: 388px; box-shadow: 4px 0 10px rgba(200, 200, 200, 0.8), -4px 0 10px rgba(200, 200, 200, 0.8); margin: 0 auto 160px; position: relative; clear: both; } .lg_l { width: 272px; float: left; padding: 60px 0 0 30px; } .state { width: 330px; float: left; height: 18px; text-align: left; padding: 5px 0 0 137px; } .lg_l h2 { font-size: 21px; color: #e88300; float: left; margin-bottom: 22px; } .lg_l p { margin-bottom: 9px; float: left; position: relative; } .lg_l p input { font-family: "微软雅黑"; } .lg_l input.err[type='text']:focus, .lg_l input.err[type='password']:focus { border: 1px solid red !important; } .lg_l input.err[type='text'], .lg_l input.err[type='password'] { border: 1px solid red !important; } #txtloginname { width: 240px; height: 38px; border: 1px solid #dddddd; float: left; color: #777777; padding-left: 30px; } .user_bg { width: 18px; height: 18px; display: block; position: absolute; top: 14px; left: 10px; background-position: 0 -120px; } #txtloginpass { width: 240px; height: 38px; border: 1px solid #dddddd; float: left; color: #777777; padding-left: 30px; } .pass_bg { width: 18px; height: 18px; display: block; position: absolute; top: 14px; left: 10px; background-position: -30px -120px; } #CheckCode { width: 110px; height: 38px; border: 1px solid #dddddd; float: left; padding-left: 10px; } #Image1 { width: 108px; height: 36px; margin: 1px 0 0 8px; } #loginbutton { width: 268px; height: 38px; margin: 0 auto; clear: both; background: #e78624; border: 1px solid #da6e21; border-radius: 4px; font-weight: bold; font-size: 16px; color: #fff; cursor: pointer; } /*#un_login { float: left; margin: 4px 6px 0 0; } #auto_lg { font-size: 12px; color: #666; }*/ .zhmm a { font-size: 12px; color: #b81111; } .zhmm a:hover { text-decoration: none; } .zhmm { float: none !important; clear: both; } .fgtpas { float: left; } .reg { float: right; } .lg_c { width: 19px; height: 224px; float: left; margin: 42px 24px 0; } .lg_c_line { border-right: 1px solid #ccc; height: 90px; margin: 0 9px; float: left; } .lg_c_or { float: left; margin: 20px 0; color: #919191; } .lg_r { float: left; text-align: left; line-height: 32px; margin-top: 62px; width: 266px; } .lg_r p { color: #555; font-size: 14px; clear: both; line-height: 32px; margin: 0; text-align: left; padding: 0; } .lg_r a { color: #ffffff; font-size: 16px; line-height: 38px; text-align: center; } .lg_r a:hover { text-decoration: none; } .lg_r .reg_btn { width: 230px; height: 38px; background: #4e4e4e; border: 1px solid #2d3e49; float: left; border: 1px solid #2d3e49; border-radius: 4px; margin-top: 25px; } .lg_con .ysj_bg { width: 50px; height: 50px; position: absolute; right: 0; top: 0; background: url(//image.cbcie.com/webimg/index/login_50_50.png); } </style> <div style="width:800px;float:left;padding:20px 0 0 20px;" id="loginarea"> <div class="lg_con" id="logininfo"> <form target="_self" id="loginArticle" method="post" action="http://vip.cbcie.com/loginnew.aspx"> <div class="lg_l"> <h2>CBC金属网会员登录</h2> <div id="loginstate" class="state"></div> <p class="enter"><input id="txtloginname" name="username" type="text" placeholder="请输入手机/邮箱帐号" onblur="isuser()" /><span class="user_bg login_com"></span></p> <p class="enter"><input id="txtloginpass" type="password" name="password" placeholder="请输入密码" onblur="chkPwd();" onkeydown="if(event.keyCode==13) return IsLogin();" /><span class="pass_bg login_com"></span></p> <p class="enter"><input id="CheckCode" type="text" placeholder="请输入验证码" style="width: 100px;" /><img id="Image1" src="/html/CheckCode.aspx" onclick="javascript:ReCode();" data-bd-imgshare-binded="1" alt="" /></p> <p id="errtip" class="span" style="color:red;display:none"></p> <p><input type="submit" class="submitlogin" name="btnlogin" value=" 登 录 " id="loginbutton" /></p> <p class="zhmm"><a href="http://vip.cbcie.com/findpass/steponenew.aspx" class="fgtpas" target="_blank" title="忘记密码">忘记密码？</a><a href="http://vip.cbcie.com/regnew.aspx" class="reg" target="_blank" title="还未注册">还未注册？</a></p> </div> </form> <div class="lg_c"> <span class="lg_c_line"></span> <span class="lg_c_or">Or</span> <span class="lg_c_line"></span> </div> <div class="lg_r"> <p>GIS与有色数据的结合 尽享图层化与数据化 的组合乐章，免费注册即可体验。<br />CBC有色独家独特，不可错过！<br />联系电话：18535189928</p> <a href="http://vip.cbcie.com/regnew.aspx" class="reg_btn" target="_blank" title="立即注册成为CBC金属网会员">成为有色会员</a> </div> <span class="ysj_bg"></span> </div> </div> <div class="clear"></div> <script type="text/javascript" language="javascript"> function ReCode() { var r = Math.random(); loginArticle.Image1.src = "/html/CheckCode.aspx?" + r; } function isphone(checkStr) { var r = /^1[3-5,7,8]\d{9}$/g; return r.test(checkStr); } function isemail(checkStr) { var r = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/; return r.test(checkStr); } //是否包含空格 function isnotrim(checkStr) { var r = /\s+/; return r.test(checkStr); } //密码是否只包含数字,大小写字母和标点符号 function ispwdcont(checkStr) { var r = /^[a-zA-z0-9,\.\:!;]*$/; return !r.test(checkStr); } //获得焦点 function eventfouces(divid, inputid) { $("#" + divid).hide(); $("#" + inputid).removeClass("err"); } $(".enter").find("input").each(function () { $(this).focus(function () { $("#errtip").hide(); $(".enter").each(function () { $(this).find("input").removeClass("err"); }); }); }); //验证用户名 function isuser() { var user = $("#txtloginname").val(); if (user == "") { $("#errtip").show(); $("#errtip").html("请输入手机/邮箱账号"); $("#txtloginname").addClass("err"); return false; } if (user.indexOf('@') == -1) { if (!isphone(user)) { $("#errtip").show(); $("#errtip").html("请输入正确的手机/邮箱"); $("#txtloginname").addClass("err"); return false; } else { eventfouces("errtip", "txtloginname"); return true; } } else { if (!isemail(user)) { $("#errtip").show(); $("#errtip").html("帐号格式错误"); $("#txtloginname").addClass("err"); return false; } else { eventfouces("errtip", "txtloginname"); return true; } } } //验证密码 function chkPwd() { var pwd = $("#txtloginpass").val(); if (pwd == "") { $("#errtip").show(); $("#errtip").html("请输入密码"); $("#txtloginpass").addClass("err"); return false; } //密码格式有误的选项 if (pwd.length < 6 || pwd.length > 14 || ispwdcont(pwd) || isnotrim(pwd)) { $("#errtip").show(); $("#errtip").html("密码格式错误"); $("#txtloginpass").addClass("err"); return false; } else { eventfouces("errtip", "txtloginpass"); return true; } } $("#loginbutton").click(function () { if (!isuser()) { return false; } if (!chkPwd()) { return false; } var c = $("#CheckCode").val(); if (c == "") { $("#errtip").show(); $("#errtip").html("请输入验证码"); $("#CheckCode").addClass("err"); return false; } else { $.ajax({ url: '/html/logincraency.ashx', type: "post", data: "command=checkcodeCurrent&code=" + c, dataType: "text", success: function (result) { if (result == "true") { eventfouces("errtip", "CheckCode"); $("#loginArticle").submit(); //obj.parents('form').submit(); } else { $("#errtip").show(); $("#errtip").html("验证码错误"); $("#CheckCode").addClass("err"); return false; } }, error: function (msg) { $("#errtip").show(); $("#errtip").html("验证码错误"); $("#CheckCode").addClass("err"); return false; } }); return false; } }); </script> </div> <div id="geoserv_info" class="geoinfo"></div> <div id="gpx_info" class="alert alert-success"> </div> </div> <!--弹出框开始--> <div class="targetb" id="mainpop" style="display: none; position: relative; z-index: 99992"> <div class="pop"></div> <script type="text/javascript"> function closee() { $(".pop").hide(); $("#poptab").hide(); $("#mainpop").hide(); } function showDetail() { $("#mainpop").show(); $(".pop").show(); $("#poptab").show(); } </script> <div class="popdiv" id="poptab" style="display: none;"> <div class="close"> <input id="closebth" type="button" class="nbimg" value="关闭" onclick="closee()" /> </div> <div id="charttrend" class="trend"></div> </div> </div> <div style="display: none;"> <div id="popchart" style="width:740px;float:left;height:520px;"></div> </div> <!--弹出框结束--> <div id="qxts" style="display: none;"></div> <link type="text/css" rel="stylesheet" href="//cj.cbcie.com/js/uidialog/dialogcssvip.css" /> <script type="text/javascript" src="//cj.cbcie.com/js/uidialog/ui_dialog_vip.js"></script> <script type="text/javascript" src="//cj.cbcie.com/js/shopbuy.js"></script> <script type="text/javascript">function btndialog(s, showbtn, leftbtnlink, leftbtnname, rightbtnname, contactid, ts, r_event) { $(s).cbcdialogvip({ isshowbutton: showbtn, but_link: leftbtnlink, but_name1: leftbtnname, but_name2: rightbtnname, contactinfo: contactid, tsinfo: ts, btn_right_event: r_event }); }</script> <script type="text/javascript"> //var pagewidth = $(document.body).outerWidth(true); var pagewidth = $(".page").width(); var pageheight = $(window).height(); function loadwh() { pagewidth = $(".page").width(); pageheight = $(window).height(); if ("False" == "True") { $(".map").css({ "width": (parseInt(pagewidth) - 300) + "px", "height": (pageheight - 106) + "px" }); } else { $("#loginarea").css({ "height": (pageheight - 106) + "px" }); $(".loginTstext").css({ "height": (pageheight - 106) + "px" }); } $(".ztree").height($(".rightpart").height() - 36); $(".right_top").css("width", (parseInt(pagewidth) - 324) + "px"); $(".contlist").css("width", (parseInt(pagewidth) - 300) + "px"); } loadwh(); </script> <script type="text/javascript" src="/js/base.js?ver=1"></script> <script type="text/javascript" src="/js/tree/14556.js"></script> <script type="text/javascript" src="/js/Layer.js"></script> <script src='//cj.cbcie.com/js/fancybox1.3.4/jquery.fancybox-1.3.4.js'></script> <script type="text/javascript"> var treeMenulist; var isloadcn = false; istryv = "1"; //取消全部所选 function checkAll() { var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); treeObj.checkAllNodes(false); //删除选中图层 $.each(layerarr, function (n, value) { map.removeLayer(value.layer); }); //移除图例 $("#treeDemo").find(".legendimg").each(function () { $(this).remove(); }); } //显示弹出框 function showTargetFrame() { //全部加载完成图层信息，显示弹出框 if ($("#infodetail").html() != "") { $("#info").show(); //加载弹出js if ($("#infodetail").find(".fancybox").length > 0) { $('.fancybox').fancybox({ 'transitionIn': 'none', 'transitionOut': 'none', 'titlePosition': 'over', 'titleFormat': function (title, currentArray, currentIndex, currentOpts) { }, 'onStart': function () { } }); } } $("#lefttree").find("li").each(function (i) { var d = i; $(this).click(function () { $(this).parent().find("li").each(function () { $(this).removeClass("active"); }); $(this).addClass("active"); $(".dti").each(function () { $(this).hide() }); $(".dti").eq(i).show(); }); }); } //关闭弹出框 function closeinfo() { $('#info').hide(); //重置显示信息 $("#infodetail").html(""); $("#lefttree").find("ul").html(""); } //单击地图时，是否重新设置弹出显示的信息 var isresethtml = true; //循环添加图层源信息 function loadsingleclick(treenodelist, k, evt, viewResolution) { var treelay; var arrItem; var treelayername = treenodelist[k].layername; var treelayertype = treenodelist[k].layertype; var treenodeid = treenodelist[k].id; $.each(layerarr, function (n, value) { //判断是否存在此图层 if (value.id == treenodeid) { treelay = value.layer; } }); //加载产能 if (treenodeid == 84163) { if (!isloadcn) { $.getScript("/js/qycn.js", function () { isloadcn = true; }); } } //随机点或面元素 if (treelayertype == "3" || treelayertype == "1") { //弹出 var feature = map.forEachFeatureAtPixel( evt.pixel, function (feature, layer) { //alert(feature.get('ddate')); //alert(feature.get('unit')); //var keylist = layer.getSource().getFeatures(); //alert(keylist); ///判断点击的图层数据是否对应(多图层叠加时使用) if (layer == treelay) { if (feature) return feature; } }); if (feature) { var ddate = "", unit = "", chartid = "0", showhis = "0", datatype = "", product = "", dataperiod = "", calcunit = "", caltype = "", modules = ""; var featlist = treelay.getSource().getFeatures(); for (var i = 0; i < featlist.length; i++) { if (featlist[i].getId() == 0) { ddate = featlist[i].get("ddate"); unit = featlist[i].get("unit"); datatype = featlist[i].get("datatype"); product = featlist[i].get("product"); dataperiod = featlist[i].get("dataperiod"); //chartid = featlist[i].get("chart"); //是否显示历史数据 showhis = featlist[i].get("showhis"); //是否换算单位 calcunit = featlist[i].get("calcunit"); if (calcunit == "1") { caltype = featlist[i].get("calctype"); modules = featlist[i].get("modulus"); } break; } } //如果点击覆盖层的地图 if (isresethtml) { isresethtml = false; //重置显示信息 $("#infodetail").html(""); $("#lefttree").find("ul").html(""); } var showcss = "", firstactive = ""; if ($("#lefttree").find("ul").html() == "") { showcss = " style='display:block;'"; firstactive = " class='active'"; } //加载左侧树 $("#lefttree").find("ul").append("<li" + firstactive + "><a href=\"javascript:void(0);\">" + treenodelist[k].name + "</a></li>"); var rt_detail = ""; //点元素(项目数据库) if (treelayertype == "1") { if (feature.get('features')[0].get('info0')) { rt_detail = "<table class='show_tab' cellpadding='1' cellspacing='1'>"; rt_detail += "<tr><td class='td_r'>" + feature.get('features')[0].get('info0') + "</td></tr>"; //rt_detail += "<tr><td class='td_r'>" + feature.get('info0') + "</td></tr>"; rt_detail += "</table>"; }//企业数据库 else if (feature.get('features')[0].get('name')) { var qyid = feature.get('features')[0].get('id'); rt_detail = "<table class='show_tab' cellpadding='1' cellspacing='1' id='qy" + qyid + "'>"; rt_detail += "<tr><td class='td_l'>名称</td><td class='td_r'>" + feature.get('features')[0].get('name') + "</td></tr>"; //rt_detail += "<tr><td class='td_r' style='text-align:right;padding-right:20px;'><a href='" + feature.get('features')[0].get('name') + "' target='_blank'>查看详情</td></tr>"; rt_detail += "</table>"; loadqyonly(qyid); } }//面元素 else if (treelayertype == "3") { rt_detail = "<table class='show_tab' cellpadding='1' cellspacing='1'>"; //rt_detail += "<tr><td class='td_l'>" + feature.get('name') + "(" + ddate + ")</td><td class='td_r'>" + feature.get('data') + "(" + unit + ")</td></tr>"; rt_detail += "<tr><td class='td_l'>地区</td><td class='td_r'>" + feature.get('name') + "</td></tr>"; rt_detail += "<tr><td class='td_l'>数据类型</td><td class='td_r'>" + datatype + "</td></tr>"; rt_detail += "<tr><td class='td_l'>产品</td><td class='td_r'>" + product + "</td></tr>"; rt_detail += "<tr><td class='td_l'>数值</td><td class='td_r'>" + feature.get('data') + "</td></tr>"; rt_detail += "<tr><td class='td_l'>单位</td><td class='td_r'>" + unit + "</td></tr>"; rt_detail += "<tr><td class='td_l'>日期</td><td class='td_r'>" + ddate + "</td></tr>"; rt_detail += "<tr><td class='td_l'>周期</td><td class='td_r'>" + dataperiod + "</td></tr>"; //显示历史走势图 if (showhis == "1") { var chart_fac = "fancybox", chart_link = "#popchart"; rt_detail += "<tr><td class='td_l'>走势图</td><td class='td_r'><a class='" + chart_fac + " trendico' href='" + chart_link + "' onclick=\"targchart(" + feature.get('valueid') + ",'" + caltype + "','" + modules + "','" + unit + "')\">查看走势图</a></td></tr>"; } rt_detail += "</table>"; } $("#infodetail").append("<div class='dti'" + showcss + ">" + rt_detail + "</div>"); } //如果未跳出循环，加载下一个选中项 if ((k + 1) < treenodelist.length) { loadsingleclick(treenodelist, k + 1, evt, viewResolution); } else { showTargetFrame(); } } else { //geoserver 图层 var url = treelay.getSource().getGetFeatureInfoUrl( evt.coordinate, viewResolution, 'EPSG:3857', { 'INFO_FORMAT': 'text/html' }); if (url) { $.ajax({ url: '/showurl.ashx', type: "post", data: "command=getUrlInfo&url=" + url.replace(/&/g, "＆"), dataType: "text", success: function (result) { //找到显示的图层，循环获取图层源，获取信息 $("#info" + treenodeid).html(result).hide(); if (result != "") { //如果点击覆盖层的地图 if (isresethtml) { isresethtml = false; //重置显示信息 $("#infodetail").html(""); $("#lefttree").find("ul").html(""); } var showcss = "", firstactive = ""; if ($("#lefttree").find("ul").html() == "") { showcss = " style='display:block;'"; firstactive = " class='active'"; } //加载左侧树 $("#lefttree").find("ul").append("<li" + firstactive + "><a href=\"javascript:void(0);\">" + treenodelist[k].name + "</a></li>"); ////获取体现的列信息 //var collist = treenodelist[k].layshowcolumn.split(","); //var getcolinfo = ""; //for (var i = 0; i < collist.length; i++) { // //获取列信息 // var colname = $("#info" + treenodeid).find("tr").eq(0).find("th").eq(collist[i]).text(); // var colvalue = $("#info" + treenodeid).find("tr").eq(1).find("td").eq(collist[i]).text(); // getcolinfo += colname + ":" + colvalue + "<br>"; //} ///20151224体现所有列信息 var rt_detail = "<table class='show_tab' cellpadding='1' cellspacing='1'>"; var trl = $("#info" + treenodeid).find("tr"); //根据左侧ID获取弹出信息内容 switch (treenodeid) { //中国分省煤炭资源分布（2011） case 36636: rt_detail += "<tr><td class='td_l'>省份</td><td class='td_r'>" + trl.eq(1).find("td").eq(7).text() + "</td></tr>"; rt_detail += "<tr><td class='td_l'>储量</td><td class='td_r'>" + trl.eq(1).find("td").eq(9).text() + "</td></tr>"; break; //产能中国 case 84163: var qyid = trl.eq(1).find("td").eq(1).text(); if (qyid.indexOf(".") != -1) { qyid = qyid.split(".")[0]; } $.each(cnzg, function (n, value) { if (cnzg[n].id == qyid) { rt_detail += "<tr><td>" + cnzg[n].hy + "</td><td>" + cnzg[n].cp + "</td><td>" + cnzg[n].dw + "</td><td>" + cnzg[n].cn + "</td><td>" + cnzg[n].year + "</td><td><a href='javascript:;' onclick='loadchart(" + cnzg[n].chart + ")'>" + cnzg[n].chart + "</a></td></tr>"; } }); //rt_detail += "<tr><td class='td_l'>企业</td><td class='td_r'>" + trl.eq(1).find("td").eq(4).text() + "</td></tr>"; //rt_detail += "<tr><td class='td_l'>所属行业</td><td class='td_r'>" + trl.eq(1).find("td").eq(1).text() + "</td></tr>"; //rt_detail += "<tr><td class='td_l'>产品</td><td class='td_r'>" + trl.eq(1).find("td").eq(3).text() + "</td></tr>"; //rt_detail += "<tr><td class='td_l'>产能</td><td class='td_r'>" + trl.eq(1).find("td").eq(8).text() + "（" + trl.eq(1).find("td").eq(10).text() + "）（" + trl.eq(1).find("td").eq(9).text() + "）</td></tr>"; //if (trl.eq(1).find("td").eq(9).text()!="") // rt_detail += "<tr><td class='td_l'>走势图（链接）</td><td class='td_r'><a href='javascript:;' onclick='loadchart(" + trl.eq(1).find("td").eq(14).text() + ")'>" + trl.eq(1).find("td").eq(14).text() + "</a></td></tr>"; break; //煤矿 case 131792: rt_detail += "<tr><td class='td_l'>企业名称</td><td class='td_r'>" + trl.eq(1).find("td").eq(1).text() + "</td></tr>"; rt_detail += "<tr><td class='td_l'>所属集团</td><td class='td_r'>" + trl.eq(1).find("td").eq(2).text() + "</td></tr>"; rt_detail += "<tr><td class='td_l'>企业性质</td><td class='td_r'>" + trl.eq(1).find("td").eq(3).text() + "</td></tr>"; rt_detail += "<tr><td class='td_l'>当前状态</td><td class='td_r'>" + trl.eq(1).find("td").eq(4).text() + "</td></tr>"; rt_detail += "<tr><td class='td_l'>产能</td><td class='td_r'>" + trl.eq(1).find("td").eq(5).text() + "</td></tr>"; rt_detail += "<tr><td class='td_l'>主要产品</td><td class='td_r'>" + trl.eq(1).find("td").eq(6).text() + "</td></tr>"; rt_detail += "<tr><td class='td_l'>所在位置</td><td class='td_r'>" + trl.eq(1).find("td").eq(7).text() + "</td></tr>"; break; //焦化厂 case 131793: rt_detail += "<tr><td class='td_l'>企业名称</td><td class='td_r'>" + trl.eq(1).find("td").eq(1).text() + "</td></tr>"; rt_detail += "<tr><td class='td_l'>总集团</td><td class='td_r'>" + trl.eq(1).find("td").eq(2).text() + "</td></tr>"; rt_detail += "<tr><td class='td_l'>所属公司</td><td class='td_r'>" + trl.eq(1).find("td").eq(3).text() + "</td></tr>"; rt_detail += "<tr><td class='td_l'>总产能/万吨</td><td class='td_r'>" + trl.eq(1).find("td").eq(4).text() + "</td></tr>"; rt_detail += "<tr><td class='td_l'>焦炉类型</td><td class='td_r'>" + trl.eq(1).find("td").eq(5).text() + "</td></tr>"; rt_detail += "<tr><td class='td_l'>熄焦方式</td><td class='td_r'>" + trl.eq(1).find("td").eq(6).text() + "</td></tr>"; rt_detail += "<tr><td class='td_l'>地址</td><td class='td_r'>" + trl.eq(1).find("td").eq(7).text() + "</td></tr>"; break; default: //获取所有列信息 for (var i = 0; i < trl.eq(0).find("th").length; i++) { rt_detail += "<tr><td class='td_l'>" + trl.eq(0).find("th").eq(i).text() + "</td><td class='td_r'>" + trl.eq(1).find("td").eq(i).text() + "</td></tr>"; } break; } rt_detail += "</table>"; $("#infodetail").append("<div class='dti'" + showcss + ">" + rt_detail + "</div>"); } //如果未跳出循环，加载下一个选中项 if ((k + 1) < treenodelist.length) { loadsingleclick(treenodelist, k + 1, evt, viewResolution); } else { showTargetFrame(); } }, error: onerror }); } else { //如果未跳出循环，加载下一个选中项 if ((k + 1) < treenodelist.length) { loadsingleclick(treenodelist, k + 1, evt, viewResolution); } else { showTargetFrame(); } } } } //加载一条企业信息 function loadqyonly(id) { $.ajax({ url: '/showurl.ashx', type: "post", data: "command=getqyinfo&id=" + id, dataType: "text", success: function (result) { if (result != "") $("#qy" + id).append(result); }, error: onerror }); } //窗口变化 $(window).resize(function () { loadwh(); map.updateSize(); }); //默认加载左侧树 $(document).ready(function () { $.fn.zTree.init($("#treeDemo"), setting, zNodes); treeMenulist = $.fn.zTree.getZTreeObj("treeDemo"); treeMenulist.expandAll(true); if ("False" == "True") { map.on('singleclick', function (evt) { $.ajax({ url: '/showurl.ashx', type: "post", data: "command=getview_qx&title=铜GIS&id=14556&productid=477&type=42608", dataType: "text", success: function (result) { if (result == "true") { ////点击没有覆盖层的地方，显示原有信息 //$("#infodetail").html(""); //$("#lefttree").find("ul").html(""); //获取选中节点列表 var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); var listcheckednode = treeObj.getCheckedNodes(true); //获得视图分辨率 var viewResolution = /** @type {number} */ (view.getResolution()); isresethtml = true; if (listcheckednode.length > 0) { loadsingleclick(listcheckednode, 0, evt, viewResolution); } } else { btndialog(this, true, "http://www.cbcie.com/vip/cu/31/0/content.html", "了解会员", "购买会员", "qxts", "您还没有查看图层信息的权限！", "shop_buy_once('477', '31', false)"); return false; } }, error: onerror }); }); ////设置鼠标滑动效果(有问题：考虑一下Ztree展开节点的情况) //$("#treeDemo").find("li").each(function () { // $(this).hover(function () { // var nodesery = $(this).attr("id"); // var treeObj = $.fn.zTree.getZTreeObj("treeDemo"); // var node = treeObj.getNodeByParam("layindex", nodesery.replace("treeDemo_", ""), null); // var offset = $(this).offset(); // if (node.laymemo != "") { // $(".showmemo").html(node.laymemo); // $(".showmemo").css("top", (offset.top - 50)); // $(".showmemo").show(); // $(this).css("background", "#FFEBBF"); // } // }, function () { // $(".showmemo").hide(); // $(this).css("background", "#ffffff"); // }); //}); //右下角统计数据 $(".targ_dataimg_left").click(function () { $.ajax({ url: '/showurl.ashx', type: "post", data: "command=getview_qx&title=铜GIS&id=14556&productid=477&type=42610", dataType: "text", success: function (result) { if (result == "true") { if ($(".targ_list_right").is(":hidden")) { $(this).css({ "left": "0", "right": "auto" }); $(".targ_list_right").show(); $(".targ_info_bottom").show(); } else { $(this).css({ "right": "0", "left": "auto" }); $(".targ_list_right").hide(); $(".targ_info_bottom").hide(); } } else { btndialog(this, true, "http://www.cbcie.com/vip/cu/31/0/content.html", "了解会员", "购买会员", "qxts", "您还没有查看统计表的权限！", "shop_buy_once('477', '31', false)"); return false; } }, error: onerror }); }); setTimeout("loadchecknode()", 500); } //关闭全部 $("#closeall").click(function () { treeMenulist.expandAll(false); }); //展开全部 $("#expandall").click(function () { treeMenulist.expandAll(true); }); }); //选中默认节点 function loadchecknode() { var loadid = "63485"; for (var i = 0; i < zNodes.length; i++) { if (zNodes[i].id.toString() == loadid) { var checknode = treeMenulist.getNodeByTId("treeDemo_" + zNodes[i].layindex); checknode.checked = true; //更新节点选中样式 treeMenulist.updateNode(checknode, true); treeMenulist.setting.callback.onCheck(null, treeMenulist.setting.treeId, checknode);//触发函数 //当前图层位置 var soff = $("#treeDemo_" + zNodes[i].layindex).offset(); //左侧树位置 var ztreeoff = $("#scrollztree").offset(); $("#scrollztree").scrollTop(soff.top - ztreeoff.top); break; } } } //导出图片----------------------------------------------------------------- function ExportPNG() { map.once('postcompose', function (event) { var canvas = event.context.canvas; exportPNGElement.href = canvas.toDataURL('image/png'); }); map.renderSync(); } var exportPNGElement = document.getElementById('export-png'); if ('download' in exportPNGElement) { exportPNGElement.addEventListener('click', function (e) { map.once('postcompose', function (event) { var canvas = event.context.canvas; exportPNGElement.href = canvas.toDataURL('image/png'); }); map.renderSync(); }, false); } else { var info = document.getElementById('no-download'); /** * display error message */ info.style.display = ''; } </script> <script> //测距，侧面 //var wgs84Sphere = new ol.Sphere(6378137); //var raster = new ol.layer.Tile({ // source: new ol.source.MapQuest({ layer: 'sat' }) //}); //var source = new ol.source.Vector(); //var vector = new ol.layer.Vector({ // source: source, // style: new ol.style.Style({ // fill: new ol.style.Fill({ // color: 'rgba(255, 255, 255, 0.2)' // }), // stroke: new ol.style.Stroke({ // color: '#ffcc33', // width: 2 // }), // image: new ol.style.Circle({ // radius: 7, // fill: new ol.style.Fill({ // color: '#ffcc33' // }) // }) // }) //}); /** * Currently drawn feature. * @type {ol.Feature} */ var sketch; /** * The help tooltip element. * @type {Element} */ var helpTooltipElement; /** * Overlay to show the help messages. * @type {ol.Overlay} */ var helpTooltip; /** * The measure tooltip element. * @type {Element} */ var measureTooltipElement; /** * Overlay to show the measurement. * @type {ol.Overlay} */ var measureTooltip; /** * Message to show when the user is drawing a polygon. * @type {string} */ var continuePolygonMsg = '单击确定地点，双击结束。'; /** * Message to show when the user is drawing a line. * @type {string} */ var continueLineMsg = '单击确定地点，双击结束。'; /** * Handle pointer move. 手柄指针移动。 * @param {ol.MapBrowserEvent} evt */ var pointerMoveHandler = function (evt) { if (evt.dragging) { return; } /** @type {string} */ //点击开始测量 var helpMsg = '点击确定起点'; if (sketch) { var geom = (sketch.getGeometry()); if (geom instanceof ol.geom.Polygon) { helpMsg = continuePolygonMsg; } else if (geom instanceof ol.geom.LineString) { helpMsg = continueLineMsg; } } helpTooltipElement.innerHTML = helpMsg; helpTooltip.setPosition(evt.coordinate); $(helpTooltipElement).removeClass('hidden'); }; //var map = new ol.Map({ // layers: [raster, vector], // target: 'map', // view: new ol.View({ // center: [-11000000, 4600000], // zoom: 15 // }) //}); //map.on('pointermove', pointerMoveHandler); $(map.getViewport()).on('mouseout', function () { $(helpTooltipElement).addClass('hidden'); }); var draw; // global so we can remove it later var drawtype = ''; function addInteraction() { //var type = (typeSelect.value == 'area' ? 'Polygon' : 'LineString'); draw = new ol.interaction.Draw({ source: source, //type: /** @type {ol.geom.GeometryType} */ (type), type: /** @type {ol.geom.GeometryType} */ (drawtype), style: new ol.style.Style({ fill: new ol.style.Fill({ color: 'rgba(255, 255, 255, 0.2)' }), stroke: new ol.style.Stroke({ color: 'rgba(0, 0, 0, 0.5)', lineDash: [10, 10], width: 2 }), image: new ol.style.Circle({ radius: 5, stroke: new ol.style.Stroke({ color: 'rgba(0, 0, 0, 0.7)' }), fill: new ol.style.Fill({ color: 'rgba(255, 255, 255, 0.2)' }) }) }) }); //张存文去掉默认加载 //map.addInteraction(draw); createMeasureTooltip(); createHelpTooltip(); var listener; draw.on('drawstart', function (evt) { // set sketch sketch = evt.feature; /** @type {ol.Coordinate|undefined} */ var tooltipCoord = evt.coordinate; listener = sketch.getGeometry().on('change', function (evt) { var geom = evt.target; var output; if (geom instanceof ol.geom.Polygon) { output = formatArea(/** @type {ol.geom.Polygon} */(geom)); tooltipCoord = geom.getInteriorPoint().getCoordinates(); } else if (geom instanceof ol.geom.LineString) { output = formatLength( /** @type {ol.geom.LineString} */(geom)); tooltipCoord = geom.getLastCoordinate(); } measureTooltipElement.innerHTML = output; measureTooltip.setPosition(tooltipCoord); }); }, this); draw.on('drawend', function (evt) { measureTooltipElement.className = 'tooltip tooltip-static'; measureTooltip.setOffset([0, -7]); // unset sketch sketch = null; // unset tooltip so that a new one can be created measureTooltipElement = null; //createMeasureTooltip(); //ol.Observable.unByKey(listener); alert("结束"); //张存文加,移除测距 map.removeInteraction(draw); //张存文加,缺少移除鼠标跟随效果 map.removeEventListener('pointermove', pointerMoveHandler); }, this); } /** * Creates a new help tooltip创建一个新的帮助提示 */ function createHelpTooltip() { if (helpTooltipElement) { helpTooltipElement.parentNode.removeChild(helpTooltipElement); } helpTooltipElement = document.createElement('div'); helpTooltipElement.className = 'tooltip hidden'; helpTooltip = new ol.Overlay({ element: helpTooltipElement, offset: [15, 0], positioning: 'center-left' }); map.addOverlay(helpTooltip); } /** * Creates a new measure tooltip 创建一个新的测量工具 */ function createMeasureTooltip() { if (measureTooltipElement) { measureTooltipElement.parentNode.removeChild(measureTooltipElement); } measureTooltipElement = document.createElement('div'); measureTooltipElement.className = 'tooltip tooltip-measure'; measureTooltip = new ol.Overlay({ element: measureTooltipElement, offset: [0, -15], positioning: 'bottom-center' }); map.addOverlay(measureTooltip); } /** * Let user change the geometry type. 切换类型 * @param {Event} e Change event. */ //typeSelect.onchange = function (e) { // map.removeInteraction(draw); // addInteraction(); //}; /** * format length output 格式长度输出 * @param {ol.geom.LineString} line 几何线。 * @return {string}*返回{字符串} */ var formatLength = function (line) { var length; //张存文使用的输出格式，完了确定一种格式 if (false) { var coordinates = line.getCoordinates(); length = 0; var sourceProj = map.getView().getProjection(); for (var i = 0, ii = coordinates.length - 1; i < ii; ++i) { var c1 = ol.proj.transform(coordinates[i], sourceProj, 'EPSG:4326'); var c2 = ol.proj.transform(coordinates[i + 1], sourceProj, 'EPSG:4326'); length += wgs84Sphere.haversineDistance(c1, c2); } } else { length = Math.round(line.getLength() * 100) / 100; } var output; if (length > 100) { output = (Math.round(length / 1000 * 100) / 100) + ' ' + 'km'; } else { output = (Math.round(length * 100) / 100) + ' ' + 'm'; } return "总长：" + output; }; /** * format length output 格式长度输出 * @param {ol.geom.Polygon} polygon 面 * @return {string} */ var formatArea = function (polygon) { var area; //张存文使用的输出格式，完了确定一种格式 原始出处 use geodesic measures if (false) { var sourceProj = map.getView().getProjection(); var geom = /** @type {ol.geom.Polygon} */(polygon.clone().transform( sourceProj, 'EPSG:4326')); var coordinates = geom.getLinearRing(0).getCoordinates(); area = Math.abs(wgs84Sphere.geodesicArea(coordinates)); } else { area = polygon.getArea(); } var output; if (area > 10000) { output = (Math.round(area / 1000000 * 100) / 100) + ' ' + 'km<sup>2</sup>'; } else { output = (Math.round(area * 100) / 100) + ' ' + 'm<sup>2</sup>'; } return "面积：" + output; }; ///测距 function ceju() { //添加鼠标跟随事件 map.on('pointermove', pointerMoveHandler); drawtype = 'LineString'; addInteraction(); //测距事件 map.addInteraction(draw); } //侧面 function cemian() { //添加鼠标跟随事件 map.on('pointermove', pointerMoveHandler); drawtype = 'Polygon'; addInteraction(); //测面事件 map.addInteraction(draw); } </script> <script type="text/javascript"> function targchart(id, calctype, modules, unit) { $.ajax({ url: '/showurl.ashx', type: "post", data: "command=getview_qx&title=铜GIS&id=14556&productid=477&type=42607", dataType: "text", success: function (result) { if (result == "true") { $("#popchart").html("<div class='chartarea' id='gis" + id + "'></div><div class='downbs'></div>"); loadchart(id, "gis" + id, calctype, modules, unit); } else { btndialog(this, true, "http://www.cbcie.com/vip/cu/31/0/content.html", "了解会员", "购买会员", "qxts", "您还没有查看走势图的权限！", "shop_buy_once('477', '31', false)"); return false; } }, error: onerror }); } var isloadcommon = true; //function getchartinfo(id,divid) //{ // $.getScript("http://chart.cbcie.com/upfile/echartjs/newdata_" + id + ".js", function () { // var myChart = echarts.init(document.getElementById(divid)); // var option = eval("option_e_" + id); // myChart.setOption(option); // require.config({ // packages: [{ // name: 'zrender', // location: '//cj.cbcie.com/js/zrender', // main: 'zrender' // }] // }); // }); //} function getchartinfo(id, divid, calctype, modules, unit) { $.ajax({ url: '/showurl.ashx', type: "post", data: "command=historyChart&valueid=" + id + "&calctype=" + calctype + "&modules=" + modules + "&unit=" + unit, dataType: "text", success: function (result) { if (result != "") { eval(result); var myChart = echarts.init(document.getElementById(divid)); myChart.setOption(gisoption); //标题 var titletxt = gisoption.title.text; //日期 var datelist = gisoption.xAxis[0].data; //数据 var vallist = gisoption.series[0].data; //单位 var yunit = gisoption.yAxis[0].name; require.config({ packages: [{ name: 'zrender', location: '//cj.cbcie.com/js/zrender', main: 'zrender' }] }); $(".downbs").html("<input id='btndwimg' type='button' value='下载走势图' /><input id='btndwdata' type='button' value='下载数据' />"); //下载走势图 $("#btndwimg").click(function () { $.ajax({ url: '/showurl.ashx', type: "post", data: "command=getview_qx&title=铜GIS&id=14556&productid=477&type=42606", dataType: "text", success: function (result) { if (result == "true") { $("#hidimageurl").val(myChart.getDataURL("png")); $("#hidimagename").val(titletxt); $("#form1").submit(); } else { btndialog(this, true, "http://www.cbcie.com/vip/cu/31/0/content.html", "了解会员", "购买会员", "qxts", "您还没有下载走势图的权限！", "shop_buy_once('477', '31', false)"); return false; } }, error: onerror }); }); //下载数据 $("#btndwdata").click(function () { $.ajax({ url: '/showurl.ashx', type: "post", data: "command=downdata&title=" + titletxt + "&unit=" + yunit + "&date=" + datelist.toString() + "&val=" + vallist.toString() + "&id=14556&productid=477&type=42605", dataType: "text", success: function (result) { if (result.indexOf("true") != -1) { var filename = result.replace("true", ""); window.open("/upfile/csv/" + filename + ".csv"); } else { btndialog(this, true, "http://www.cbcie.com/vip/cu/31/0/content.html", "了解会员", "购买会员", "qxts", "您还没有下载走势图数据的权限！", "shop_buy_once('477', '31', false)"); return false; } }, error: onerror }); }); } }, error: onerror }); } function loadchart(id, divid, calctype, modules, unit) { $("#" + divid).html("<img src='//image.cbcie.com/smallimg/load_31.gif' alt='' />"); ////显示弹出框 //showDetail(); //判断默认加载走势图js if (isloadcommon) { $.getScript("//image.cbcie.com/js/echarts/echarts-all.js", function () { $.getScript("//image.cbcie.com/js/esl.js", function () { isloadcommon = false; getchartinfo(id, divid, calctype, modules, unit); }); }); } else { getchartinfo(id, divid, calctype, modules, unit); } } //滑动显示隐藏问题---ZXH $(document).ready(function () { $(".tip_line").hover(function () { $(".t_online").show(); }, function () { $(".t_online").hide(); }); $(".t_pic_ewm").hover(function () { $(this).find("img").show(); }, function () { $(this).find("img").hide(); }); }); </script> </body> </html>