MapTest.html 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="Access-Control-Allow-Origin" content="*">
  6. <title>城管通Map Test</title>
  7. <script src="jquery/jquery-2.2.3.min.js"></script>
  8. <script src="Common/mapClass/GisShare.js"></script>
  9. <script type="text/javascript" src="jquery/xml2json.js"></script>
  10. <script>
  11. function doGetGraphicByJson_click() {
  12. // var jsonStr = '{"ExChangeRoot": {"Features": [' +
  13. // ' { "type": "polygon", "featureName": "用地", "Feature":[ {"Geometry": { "Rings": [{ "Ring": "1000,-1000|0,-1500|-1000,-1000|-1000,1000|1000,1000|2000,0" } ]},"Attribute": { "ID": "1", "地块面积": "100", "建筑限高": "20" }, "ToolTip": "用地地块","Color": "yellow", "Style": "solid" } ] },' +
  14. // '{ "type": "polyline", "featureName": "道路", "Feature": [{"ShowInfo":"yes", "Geometry": {"Paths": [{ "Path": "3778,-2008|2777,-2816|3777,-3021|3777,-3529|3772,-3928|3774,-4405|3777,-5206" }] }, "Attribute": {"ID": "2","道路名": "人民大道", "道路长度": "10000", "道路宽度": "25" }, "ToolTip": "人民大道", "Color": [225,0,0,0.5], "Size": "5" }] },' +
  15. // '{ "type": "point", "featureName": "兴趣点", "Feature":[ { "Geometry": { "Points":[ { "Point": "2600,900" } ]},"Attribute": { "ID": "3","名称": "东方明珠" }, "ToolTip": "东方明珠","Color": "blue", "Size": "10", "Style": "square"}]}]}}';
  16. var jsonStr = '{"ExChangeRoot": {"Features": [' +
  17. '{ "type": "point", "Feature":[ { "Geometry": { "Points":[ { "Point": "2600,900,1000" } ]},' +
  18. '"Attribute": { "id": "3","名称": "东方明珠" }, "ToolTip": "东方明珠","ImgUrl":"http://10.101.35.46/zhwj/assets/image/水源.png" ,' +
  19. '"ImgWidth":"92px" ,"ImgHeight":"92px" }]}]}}';
  20. doGetGraphicByJson(jsonStr,false);
  21. }
  22. function doDeletePointById_click () {
  23. doDeletePointById(3)
  24. }
  25. function btPointByJson()
  26. {
  27. var jsonStr = '{"ExChangeRoot": {"Features": [' +
  28. ' { "type": "point", "featureName": "兴趣点", "Feature":[ { "Geometry": { "Points":[ { "Point": "-771.067748323432,4616.52835227014" } ]},"Attribute": { "ID": "1","名称": "测试点1" }, "ToolTip": "东方明珠","Color": "blue", "Size": "10", "Style": "square"}] },' +
  29. '{ "type": "point", "featureName": "兴趣点", "Feature":[ { "Geometry": { "Points":[ { "Point": "-323.288,7877.093000000001" } ]},"Attribute": { "ID": "2","名称": "测试点2" }, "ToolTip": "东方明珠","Color": "blue", "Size": "10", "Style": "square"}] },' +
  30. '{ "type": "point", "featureName": "兴趣点", "Feature":[ { "Geometry": { "Points":[ { "Point": "1939.53,1942.0980000000002" } ]},"Attribute": { "ID": "3","名称": "东方明珠" }, "ToolTip": "东方明珠","Color": "blue", "Size": "10", "Style": "square"}]}]}}';
  31. doGetGraphicByJson(jsonStr);
  32. }
  33. function doquery(){
  34. var str=txtQueryStr.value;
  35. var layerName=txtQueryLayerName.value;
  36. query(str,layerName);
  37. }
  38. function onMapLoaded()
  39. {
  40. alert("加载完成");
  41. }
  42. var f00=0;
  43. var f01=0;
  44. var f02=0;
  45. var f03=0;
  46. var f04=0;
  47. var f05=0;
  48. var f06=0;
  49. var f07=0;
  50. var f08=0;
  51. var f09=0;
  52. var f10=0;
  53. function doQueryByWhere(){
  54. var whereString=document.getElementById("txtSearchWhere");
  55. var layerName=document.getElementById("txtSearchLayerName");
  56. var str=whereString.value;
  57. var layerName=txtQueryLayerName.value;
  58. queryByWhereStr(str,layerName);
  59. }
  60. function btOpenFeatureLayerByNameClick()
  61. {
  62. var layerName=document.getElementById("txtSearchLayerName");
  63. if(layerName.value.length>0)
  64. {
  65. if(parseInt(f00)==1)
  66. {
  67. f00=0;
  68. }
  69. else
  70. {
  71. f00=1;
  72. }
  73. doOpenFeatureLayerByName(layerName.value,f00);
  74. }
  75. }
  76. function btOpenFeatureLayerClick0()
  77. {
  78. if(parseInt(f00)==1)
  79. {
  80. f00=0;
  81. }
  82. else
  83. {
  84. f00=1;
  85. }
  86. doOpenFeatureLayer0(f00);
  87. }
  88. function btOpenFeatureLayerClick1()
  89. {
  90. if(parseInt(f01)==1)
  91. {
  92. f01=0;
  93. }
  94. else
  95. {
  96. f01=1;
  97. }
  98. doOpenFeatureLayer1(f01);
  99. }
  100. function btOpenFeatureLayerClick2()
  101. {
  102. if(parseInt(f02)==1)
  103. {
  104. f02=0;
  105. }
  106. else
  107. {
  108. f02=1;
  109. }
  110. doOpenFeatureLayer2(f02);
  111. }
  112. function btOpenFeatureLayerClick3()
  113. {
  114. if(parseInt(f03)==1)
  115. {
  116. f03=0;
  117. }
  118. else
  119. {
  120. f03=1;
  121. }
  122. doOpenFeatureLayer3(f03);
  123. }
  124. function btOpenFeatureLayerClick4()
  125. {
  126. if(parseInt(f04)==1)
  127. {
  128. f04=0;
  129. }
  130. else
  131. {
  132. f04=1;
  133. }
  134. doOpenFeatureLayer4(f04);
  135. }
  136. function btOpenFeatureLayerClick5()
  137. {
  138. if(parseInt(f05)==1)
  139. {
  140. f05=0;
  141. }
  142. else
  143. {
  144. f05=1;
  145. }
  146. doOpenFeatureLayer5(f05);
  147. }
  148. function btOpenFeatureLayerClick6()
  149. {
  150. if(parseInt(f06)==1)
  151. {
  152. f06=0;
  153. }
  154. else
  155. {
  156. f06=1;
  157. }
  158. doOpenFeatureLayer6(f06);
  159. }
  160. function btOpenFeatureLayerClick7()
  161. {
  162. if(parseInt(f07)==1)
  163. {
  164. f07=0;
  165. }
  166. else
  167. {
  168. f07=1;
  169. }
  170. doOpenFeatureLayer7(f07);
  171. }
  172. function btOpenFeatureLayerClick8()
  173. {
  174. if(parseInt(f08)==1)
  175. {
  176. f08=0;
  177. }
  178. else
  179. {
  180. f08=1;
  181. }
  182. doOpenFeatureLayer8(f08);
  183. }
  184. function btOpenFeatureLayerClick9()
  185. {
  186. if(parseInt(f09)==1)
  187. {
  188. f09=0;
  189. }
  190. else
  191. {
  192. f09=1;
  193. }
  194. doOpenFeatureLayer9(f09);
  195. }
  196. function btOpenFeatureLayerClick10()
  197. {
  198. if(parseInt(f10)==1)
  199. {
  200. f10=0;
  201. }
  202. else
  203. {
  204. f10=1;
  205. }
  206. doOpenFeatureLayer10(f10);
  207. }
  208. function btFlashFE0Click() {
  209. doFlashStatus("违章建筑");
  210. }
  211. function btFlashFE1Click() {
  212. doFlashStatus("虹口烟感");
  213. }
  214. function btFlashFE2Click() {
  215. doFlashStatus("门磁");
  216. }
  217. function btFlashFE3Click() {
  218. doFlashStatus("");
  219. }
  220. function btSetCenterExtentByPointR() {
  221. var x=0;
  222. var y=0;
  223. var r=100;
  224. setCenterExtentByPointR(x,y,r)
  225. }
  226. function btDrawCircle() {
  227. doDrawCircle([225,200,0,0.8])
  228. }
  229. function btQueryByCircle() {
  230. doQueryByCircle("BUILDING","assets/image/btReset.png",10,10)
  231. }
  232. function SetExtent(num) {
  233. doSetExtent(num);
  234. }
  235. function btOnLocation(){
  236. var x=document.getElementById("txtXStr").value;
  237. var y=document.getElementById("txtYStr").value;
  238. var Attribute = '{ "ID": "1","名称": "测试点1" }';
  239. var ToolTip = '测试点1';
  240. var ImgUrl = 'https://static.arcgis.com/images/Symbols/Shapes/BlackStarLargeB.png';
  241. var ImgWidth ="92px";
  242. var ImgHeight ="92px";
  243. doOnLocation(x,y ,Attribute,ToolTip,ImgUrl,ImgWidth,ImgHeight);
  244. }
  245. function btOnLocationforGrid(){
  246. var x=document.getElementById("txtXStr").value;
  247. var y=document.getElementById("txtYStr").value;
  248. doOnLocationforGrid(x,y );
  249. }
  250. // window.onmessage = function(e) {
  251. // var payload = JSON.parse(e.data);
  252. // switch (payload.method) {
  253. // case "measureLengthCallback":{
  254. // var len = payload.data[0];
  255. // break;
  256. // }
  257. // }
  258. // }
  259. // var measureLengthCallback = function (length){
  260. // var len = length;
  261. // };
  262. function btMeasureLength(){
  263. var x = document.getElementById("txtStartXStr").value;
  264. var y = document.getElementById("txtStartYStr").value;
  265. var x1 = document.getElementById("txtEndXStr").value;
  266. var y1 = document.getElementById("txtEndYStr").value;
  267. doMeasureLengthByPoint(x,y,x1,y1,"measureLengthCallback");
  268. }
  269. function btNewQuery(){
  270. var str = document.getElementById("txtQueryStr").value;
  271. var layerName = document.getElementById("txtQueryLayerName").value;
  272. doNewQuery(str,layerName);
  273. }
  274. function btGridQuery(){
  275. var str = document.getElementById("txtQueryGridStr").value;
  276. var isgoto = false;
  277. doGridQuery(str,isgoto);
  278. }
  279. function btChangeLayerStateByName(){
  280. var layerName=document.getElementById("txtLayerStr").value;
  281. doOpenFeatureLayerByName(layerName,true);
  282. }
  283. function btOnLocationforAddress(){
  284. var x=document.getElementById("txtXStr").value;
  285. var y=document.getElementById("txtYStr").value;
  286. doOnLocationforAddress(x,y );
  287. }
  288. function btOnPointQuery(){
  289. var x=document.getElementById("txtXStr").value;
  290. var y=document.getElementById("txtYStr").value;
  291. var radius = 50;//米
  292. var layername = document.getElementById("txtQueryLayerName").value;
  293. // doOnQueryByPoint(x,y,"上水井盖",radius,true);
  294. doOnQueryByPoint(x,y,"万米网格",radius,true,false);
  295. }
  296. function btOnGridQuery(){
  297. var grid = "19258";
  298. var layername = document.getElementById("txtQueryLayerName").value;
  299. doOnQueryByGrid(grid,"路灯");
  300. }
  301. function btOnMapCenter(){
  302. doOnMapCenter();
  303. }
  304. function btOnMapLevel(){
  305. doOnMapLevel();
  306. }
  307. function btOnMapSetCenter(){
  308. var x=document.getElementById("txtXStr").value;
  309. var y=document.getElementById("txtYStr").value;
  310. doOnMapSetCenter(x,y);
  311. }
  312. function btOnGetXYbyAddress(){
  313. var address = document.getElementById("txtAddressStr").value;
  314. doOnGetXYbyAddress(address);
  315. }
  316. function btOnSetInitExtentByStr(){
  317. doOnSetInitExtentByStr("区县边界","浦东新区");
  318. // doOnSetInitExtentByStr("街道乡镇","万祥镇");
  319. }
  320. function btQueryByCondition(){
  321. var str = "1=1";
  322. var layername ="废物箱(桶)";
  323. var isShow = true;
  324. var isGoTo = true;
  325. doOnQueryByCondition(str, layername, isShow, isGoTo);
  326. }
  327. function btChangeLayerStateByNameandWhere(){
  328. // doOpenFeatureLayerByNameandWhere("上水井盖",1 ,"枫林街道",false,false);
  329. // var type = 1;//街道
  330. // var name = "枫林街道";
  331. // var layername ="上水井盖";
  332. // var isOpen = true;
  333. // var isGoTo = true;
  334. // doOpenFeatureLayerByNameandWhere(layername,type ,name,isGoTo,isOpen);
  335. var type = "2";//区
  336. var name = "徐汇区";
  337. var layername ="上水井盖";
  338. var isOpen = true;
  339. var isGoTo = true;
  340. doOpenFeatureLayerByNameandWhere(layername,type ,name,isGoTo,isOpen);
  341. }
  342. function btChangeLayerClose(){
  343. var type = 1;//街道
  344. var name = "枫林街道";
  345. var layername ="上水井盖";
  346. var isOpen = false;
  347. var isGoTo = false;
  348. doOpenFeatureLayerByNameandWhere(layername,type ,name,isGoTo,isOpen);
  349. // var type = 1;//街道
  350. // var name = "枫林街道";
  351. // var layername ="上水井盖";
  352. // var isOpen = false;
  353. // var isGoTo = false;
  354. // doOpenFeatureLayerByNameandWhere("上水井盖",1 ,"徐家汇街道",true,true);
  355. }
  356. function btOnClickLocation(){
  357. // var x=document.getElementById("txtXStr").value;
  358. // var y=document.getElementById("txtYStr").value;
  359. var Attribute = '{ "ID": "1","名称": "测试点1" }';
  360. var ToolTip = '测试点1';
  361. var ImgUrl = 'https://static.arcgis.com/images/Symbols/Shapes/BlackStarLargeB.png';
  362. // var ImgUrl = 'https://map.3h-weixin.com/images/location.png';
  363. var ImgWidth = '32px';
  364. var ImgHeight = '32px';
  365. doOnClickLocation(Attribute,ToolTip,ImgUrl,ImgWidth,ImgHeight);
  366. }
  367. function btOnresizeType(){
  368. var radius = 50;
  369. var layername = "上水井盖";
  370. doOnSetResizeType(1);//地址
  371. //
  372. // var radius = 50;
  373. // // var layername = "上水井盖";
  374. // //2查地址
  375. // doOnSetResizeType(2,radius,layername);//部件
  376. // doOnSetResizeType(3,radius,layername);//查地址部件
  377. }
  378. function btOnSetCluster(){
  379. var layername = "上水井盖";
  380. doOnSetLayerCluster(layername,true);
  381. }
  382. function btOnSetClusterClose(){
  383. var layername = "上水井盖";
  384. doOnSetLayerCluster(layername,false);
  385. }
  386. function btOnShowPolygonandText(){
  387. // var type = "街道乡镇";//街道
  388. // var name = "枫林街道";
  389. // var text = "you are here1 \n you are here2";
  390. var jsonarr = [{"type":"1","name":"香花桥街道","text":"统计1:456\n统计2:123"},
  391. {"type":"1","name":"徐泾镇","text":"统计1:456\n统计2:123"}];
  392. doOnShowPolygonandText(jsonarr);
  393. }
  394. // function btTest(){
  395. // var xml='<Result>\n' +
  396. // '<Status>False</Status>\n' +
  397. // '<StatusMessage>The table was not found. [合并数据]</StatusMessage>\n' +
  398. // '<IsLocInArea>1</IsLocInArea>\n' +
  399. // '<HappenAddress>练塘镇联农村四联362号</HappenAddress>\n' +
  400. // '<PoiAddress>练塘镇联农村四联362号</PoiAddress>\n' +
  401. // '<PoiName>练塘镇联农村四联</PoiName>\n' +
  402. // '<StreetName> </StreetName>\n' +
  403. // '<StreetCode> </StreetCode>\n' +
  404. // '<District> </District>\n' +
  405. // '<Community> </Community>\n' +
  406. // '<CommunityCode> </CommunityCode>\n' +
  407. // '<GridNo> </GridNo>\n' +
  408. // '<Road> </Road>\n' +
  409. // '<X>-44338.8083793</X>\n' +
  410. // '<Y>-27297.96031892</Y>\n' +
  411. // '<ZrGridNo> </ZrGridNo>\n' +
  412. // '<BlockID> </BlockID>\n' +
  413. // '<BlockName> </BlockName>\n' +
  414. // '<CQCodes> </CQCodes>\n' +
  415. // '<RailSafetyZone> </RailSafetyZone>\n' +
  416. // '<Rivers/>\n' +
  417. // '<IsPrecise>False</IsPrecise>\n' +
  418. // '<TypeName>门牌</TypeName>\n' +
  419. // '<Time>1.258秒</Time>\n' +
  420. // '</Result>';
  421. // // var test = xmltojson(xml,'Result',true);
  422. // var test1 = $.xml2json(xml);
  423. // // console.log(test);
  424. // console.log(test1);
  425. // }On
  426. function btOnClickLocationGetLatLog(){
  427. // var Attribute = '{ "ID": "1","名称": "测试点1" }';
  428. // var ToolTip = '测试点1';
  429. // var ImgUrl = 'https://static.arcgis.com/images/Symbols/Shapes/BlackStarLargeB.png';
  430. // var ImgWidth = '32px';
  431. // var ImgHeight = '32px';
  432. doOnLocationGetLatLon("#FF0000");
  433. }
  434. function btOndrawSquare(){
  435. doOnDrawPolygonSquare();
  436. // drawSquare();
  437. }
  438. function btOndrawCircle(){
  439. doOnDrawPolygonCircle();
  440. }
  441. function btLightArea() {
  442. var type=$("#selectLightType").val();
  443. var where=$("#txtLightCondition").val();
  444. var colorList=[{name:"静安区",color:"#FF0000"},{name:"宝山区",color:"#F8F8FF"} ]
  445. doOnLightArea(type,where,colorList,"区县名称");
  446. }
  447. function btShowAreaName() {
  448. var type=$("#selectLightType").val();
  449. doShowAreaName("区县边界","区县名称",true,14,"#FF0000")
  450. }
  451. function btRouteClick() {
  452. var TestData = [
  453. [{ name: 'A',xy:[100,200] }, { name: 'B',xy:[1000,2000], value: 95 }],
  454. [{ name: 'A',xy:[100,200] }, { name: 'C',xy:[-100,-2000], value: 90 }],
  455. [{ name: 'A',xy:[100,200] }, { name: 'E',xy:[1000,-3000], value: 80 }],
  456. [{ name: 'A',xy:[100,200] }, { name: 'F',xy:[2000,4000], value: 70 }],
  457. [{ name: 'A',xy:[100,200] }, { name: 'G',xy:[3000,-5000], value: 60 }],
  458. [{ name: 'A',xy:[100,200] }, { name: 'H',xy:[4000,7000], value: 50 }],
  459. [{ name: 'A',xy:[100,200] }, { name: 'I',xy:[5000,-2000], value: 40 }],
  460. [{ name: 'A',xy:[100,200] }, { name: 'J',xy:[6000,9000], value: 30 }],
  461. [{ name: 'A',xy:[100,200] }, { name: 'K',xy:[7000,-1000], value: 20 }],
  462. [{ name: 'A',xy:[100,200] }, { name: 'L',xy:[8000,2000], value: 10 }]
  463. ];
  464. doEchartsRoute(TestData,"","",40);
  465. }
  466. function btPopupWinClick() {
  467. var x=2600; var y=900;
  468. var popsArray=[{
  469. //地图坐标
  470. x: x,
  471. y: y,
  472. //popup内容的文字,只是个示范,当然格式不限
  473. content: "自定义窗口1",
  474. //气泡窗口div的id唯一标识
  475. id:"info1"
  476. },
  477. {
  478. x: -1133.713,
  479. y: -2313.15,
  480. content: "自定义窗口2",
  481. id:"info2"
  482. }]
  483. doPopupIn(popsArray);
  484. }
  485. function btClosePopupWinClick() {
  486. doClosePopupIn();
  487. }
  488. //返回方法
  489. function clickLightAreaReturn(attr) {
  490. console.log("点击"+attr.区县名称)
  491. }
  492. function moveInLightAreaReturn(attr) {
  493. console.log("移入"+attr.区县名称)
  494. }
  495. function moveOutLightAreaReturn(attr) {
  496. console.log("移出"+attr.区县名称)
  497. }
  498. function clickWaterTankReturn(attr) {
  499. console.log("点击"+attr.区县名称)
  500. }
  501. function moveOutDrawLayerReturn(attr) {
  502. console.log("移出"+attr.名称)
  503. }
  504. function moveInDrawLayerReturn(attr) {
  505. console.log("移入"+attr.名称)
  506. }
  507. function clickDrawLayerReturn(attr) {
  508. console.log("点击"+attr.名称)
  509. }
  510. </script>
  511. </head>
  512. <body>
  513. <div>
  514. <!--放大范围0-13-->
  515. <button id="btZoomIn" onclick="ZoomIn(4)">放大</button>
  516. <button id="btZoomOut" onclick="ZoomOut(2)">缩小</button>
  517. <button id="btClear" onclick="Clear('all')">清空地图</button>
  518. <button id="btViewTest" onclick="ViewChange()">切换地图</button>
  519. <button id="btFullExtent" onclick="fullExtent()">全景</button>
  520. <button id="btDrawPolygon" onclick="measureSquare()">测面积</button>
  521. <button id="btDrawPolyline" onclick="measureLength()">测距离</button>
  522. <!--导出图片只能2d,动态图层要FeatureLayer-->
  523. <button id="btPrintPicture" onclick="downLoadPicture()">导出图片</button>
  524. <button id="btGetGraphicByJson" onclick="doGetGraphicByJson_click()">根据json撒点线面</button>
  525. <button onclick="doDeletePointById_click()">根据id删除点</button>
  526. <button id="btPointByJson" onclick="btPointByJson()">测试</button>
  527. <button id="btnCircle" onclick="drawSquare()">画圈</button>
  528. <!--<input id="txtQueryStr" placeholder="关键词" value="1=1"/>-->
  529. <!--<input id="txtQueryLayerName" placeholder="搜索图层名" value="上水井盖"/>-->
  530. <!--<button id="btQuery" onclick="doquery()">搜索点线面</button>-->
  531. <!--<input id="txtSearchLayerName" placeholder="搜索图层名" value="国会中心01F" />-->
  532. <!--<button id="btOpenFeatureLayer0" onclick="btOpenFeatureLayerByNameClick()">按名称开关图层</button>-->
  533. <button id="btSetExtent1" onclick="SetExtent(1);">范围一</button>
  534. <button id="btSetExtent2" onclick="SetExtent(2);">范围二</button>
  535. <button id="btSetExtent3" onclick="SetExtent(3);">范围三</button>
  536. <!-- 2019 12 by hm -->
  537. <input id="txtXStr" placeholder="经度"/>
  538. <input id="txtYStr" placeholder="纬度"/>
  539. <button onclick="btOnLocation()"> 定位</button>
  540. <button onclick="btOnLocationforGrid()"> 网格</button>
  541. <button onclick="btOnLocationforAddress()"> 地址</button>
  542. <input id="txtStartXStr" placeholder="起点经度"/>
  543. <input id="txtStartYStr" placeholder="起点纬度"/>
  544. <input id="txtEndXStr" placeholder="终点经度"/>
  545. <input id="txtEndYStr" placeholder="终点纬度"/>
  546. <button onclick="btMeasureLength()"> 两点测距</button>
  547. <input id="txtQueryStr" placeholder="关键词" value="1=1"/>
  548. <input id="txtQueryLayerName" placeholder="搜索图层名" value="路灯"/>
  549. <button onclick="btNewQuery()">图层查询</button>
  550. <input id="txtQueryGridStr" placeholder="关键词" value="1=1"/>
  551. <button onclick="btGridQuery()">网格查询</button>
  552. <input id="txtLayerStr" placeholder="图层名" />
  553. <button onclick="btChangeLayerStateByName()">图层开关</button>
  554. <button onclick="btOnPointQuery()">点查询</button>
  555. <button onclick="btOnGridQuery()">网格查询</button>
  556. <button onclick="btOnMapCenter()"> 地图中心点</button>
  557. <button onclick="btOnMapLevel()"> 地图层级</button>
  558. <button onclick="btOnMapSetCenter()"> 设置地图中心点</button>
  559. <input id="txtAddressStr" placeholder="路名" />
  560. <button onclick="btOnGetXYbyAddress()"> 地址获得XY</button>
  561. <button onclick="btOnSetInitExtentByStr()"> 四至范围</button>
  562. <button onclick="btQueryByCondition()" >doOnQueryByCondition</button>
  563. <button onclick="btChangeLayerStateByNameandWhere()" >条件图层开关</button>
  564. <button onclick="btChangeLayerClose()" >条件图层关</button>
  565. <!--<button onclick="btTest()"> Test</button>-->
  566. <button onclick="btOnClickLocation()"> 点击绘制点并返回信息</button>
  567. <button onclick="btOnresizeType()"> 设置resizeType</button>
  568. <button onclick="btOnSetCluster()"> 聚合开关</button>
  569. <button onclick="btOnSetClusterClose()"> 聚合开关</button>
  570. <button onclick="btOnShowPolygonandText()">测试</button>
  571. <button onclick="btOnClickLocationGetLatLog()">画点(点击)</button>
  572. <button onclick="btOndrawSquare()">画方</button>
  573. <button onclick="btOndrawCircle()">画⚪</button>
  574. <span>
  575. <select id="selectLightType">
  576. <option value="区县边界">区县边界</option>
  577. <option value="街道乡镇">街道乡镇</option>
  578. <option value="居委会">居委会</option>
  579. </select>
  580. <input type="text" id="txtLightCondition" placeholder="条件">
  581. <button id="btOpenFeatureLayer3" onclick="btLightArea()">高亮区县街道</button>
  582. <button onclick="btShowAreaName()">显示区县名称</button>
  583. </span>
  584. <button id="btRoute" onclick="btRouteClick()">迁移图效果</button>
  585. <button id="btPopupWin" onclick="btPopupWinClick()">放置自定义对话框</button>
  586. <button id="btClosePopupWin" onclick="btClosePopupWinClick()">关闭自定义对话框</button>
  587. <!--
  588. <button id="btOpenFeatureLayer7" onclick="btOpenFeatureLayerClick7()">开关停车位图层</button>
  589. <button id="btOpenFeatureLayer8" onclick="btOpenFeatureLayerClick8()">开关节能照明图层</button>
  590. <button id="btOpenFeatureLayer9" onclick="btOpenFeatureLayerClick9()">开关智能电箱图层</button>
  591. <button id="btOpenFeatureLayer10" onclick="btOpenFeatureLayerClick10()">开关红外对射图层</button>
  592. <button id="btFlashFE0" onclick="btFlashFE0Click()">更新违章建筑状态</button>
  593. -->
  594. <!--<button id="btFlashFE1" onclick="btFlashFE1Click()">更新烟感状态</button>-->
  595. <!--<button id="btFlashFE2" onclick="btFlashFE2Click()">更新烟感状态</button>-->
  596. <!--<button id="btFlashFE3" onclick="btFlashFE3Click()">清除高亮</button>-->
  597. <!--<button onclick="btSetCenterExtentByPointR()">根据中心点和半径 获得范围</button>-->
  598. <!--<button onclick="btDrawCircle()">画圆</button>-->
  599. <!--<button onclick="btQueryByCircle()">根据圆撒点</button>-->
  600. <!--</div>-->
  601. <div>
  602. <iframe id="myMap" src="GisShareApp3D.html" width="100%" height="1200" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes" />
  603. <!--<iframe id="myMap" src="https://zw.zamplus.com/CGGisShare/GisShareApp3Dtest.html" width="100%" height="1200" />-->
  604. <!--<iframe id="myMap" src="https://map.wx.shdata.com//CGGisShare/GisShareApp3D1.html" width="100%" height="1200" />-->
  605. </div>
  606. </body>
  607. </html>