| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- <!--********************************************************************
- * Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
- *********************************************************************-->
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title data-i18n="resources.title_operatePlottingLayer"></title>
- </head>
- <body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
- <div id="toolbar" class="panel panel-primary" style=" position: absolute;top: 10px;right: 10px;text-align: center;z-index: 9999;border-radius: 4px;">
- <div class='panel-heading' id="panelheading">
- <h5 class='panel-title text-center' data-i18n="resources.title_operatePlottingLayer"></h5></div>
- <div class='panel-body content' id="panelbodycontent">
- <input type="button" class="btn btn-default" data-i18n="[value]resources.btn_createLayer" onclick="createPlottingLayer()"/>
- <input type="button" class="btn btn-default" data-i18n="[value]resources.btn_deleteLayer" onclick="removePlottingLayer()"/>
- <input type="button" class="btn btn-default" data-i18n="[value]resources.btn_drawMarker" onclick="plotSymbol()"/>
- <input type="button" class="btn btn-default" data-i18n="[value]resources.btn_cancelMarker" onclick="plottingDrawCancel()"/>
- </div>
- </div>
- <div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
- <script type="text/javascript" include="bootstrap,widgets.alert,jquery" src="../js/include-web.js"></script>
- <script type="text/javascript" include="iclient-leaflet-css,iclient-plot-leaflet" src="../../dist/leaflet/include-leaflet.js"></script>
- <script type="text/javascript">
- var host = window.isLocal ? window.server : "https://iserver.supermap.io";
- var url = host + "/iserver/services/map-china400/rest/maps/China_4326";
- var serverUrl = host + "/iserver/services/plot-jingyong/rest/plot/";
- var map,plottingLayer,plottingLayers=[],drawControl;
- map = L.map('map', {
- preferCanvas: true,
- crs: L.CRS.EPSG4326,
- center: [35,104],
- maxZoom: 18,
- zoom: 3
- });
- L.supermap.tiledMapLayer(url).addTo(map);
- drawControl = L.supermap.plotting.drawControl();
- drawControl.addTo(map);
- var editControl = L.supermap.plotting.editControl();
- editControl.addTo(map);
- function createPlottingLayer(){
- widgets.alert.clearAlert();
- var plottingLayerName = "plottingLayer_" + Math.ceil(Math.random() * 1000);
- plottingLayer = L.supermap.plotting.plottingLayer(plottingLayerName, serverUrl);
- drawControl.setDrawingLayer(plottingLayer);
- plottingLayer.addTo(map);
- plottingLayers.push(plottingLayer);
- var successMessage = "图层 " + plottingLayer.name + " 创建成功";
- widgets.alert.showAlert(successMessage,true);
- }
- function removePlottingLayer(){
- widgets.alert.clearAlert();
- if (plottingLayers.length !== 0) {
- var tempPlottingLayer = plottingLayers[plottingLayers.length - 1];
- map.removeLayer(tempPlottingLayer);
- var successMessage = "图层 " + tempPlottingLayer.name + " 删除成功";
- plottingLayers.splice(plottingLayers.length - 1, 1);
- if(plottingLayers.length > 0){
- drawControl.setDrawingLayer(plottingLayers[plottingLayers.length-1]);
- }
- widgets.alert.showAlert(successMessage,true);
- } else {
- widgets.alert.showAlert("当前地图无标绘图层",false);
- }
- }
- function plotSymbol(){
- widgets.alert.clearAlert();
- if(drawControl.drawingLayer !== undefined){
- drawControl.handler.libID = 421;
- drawControl.handler.code = 10100;
- drawControl.handler.serverUrl = serverUrl;
- drawControl.handler.enable();
- }else{
- widgets.alert.showAlert("请先添加标绘图层！",true);
- }
- }
- function plottingDrawCancel(){
- widgets.alert.clearAlert();
- drawControl.handler.disable();
- }
- $(document).ready(function(){
- $('#panelheading').click(function(){
- $('#panelbodycontent').toggle();
- });
- });
- </script>
- </body>
- </html>
|
