Skip to content

Commit 3ead9cd

Browse files
author
caoxinke
committed
优化分布式空间分析服务的例子。
1 parent 6bb128f commit 3ead9cd

11 files changed

+165
-104
lines changed

‎examples/leaflet/SummaryMeshJobService.html‎

Lines changed: 18 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -26,16 +26,20 @@ <h4 class="modal-title">提示</h4>
2626
<script type="text/javascript" src="http://cdn.bootcss.com/leaflet/1.0.3/leaflet.js"></script>
2727
<script type="text/javascript" src="../../dist/iclient9-leaflet.js"></script>
2828
<script type="text/javascript">
29-
var layer, baseLayer, processingJobsUrl = "http://113.209.64.227:8090/iserver/services/processing/rest/v1/jobs",
29+
var layer, processingJobsUrl = "http://113.209.64.227:8090/iserver/services/processing/rest/v1/jobs",
3030
token = 'GSHB7qlocJkqEH0Ld6VUSGQfekOdPd3e9UdJoHjiupfbkGDggXQLSPWd6VaKm8NH4gvXx6UQ0TCI5wpfr-4Tlw..',
31-
worldMapUrl = 'http://113.209.64.227:8090/iserver/services/map-World/rest/maps/世界地图_Day',
3231
map = L.map('map', {
33-
crs: L.CRS.EPSG4326,
32+
crs: L.CRS.TianDiTu_WGS84,
3433
center: [40.75, -73.95],
35-
zoom: 11
34+
maxZoom: 18,
35+
zoom: 12
3636
}),
3737
info = L.control({position: 'topright'}),
3838
query = [];
39+
L.supermap.tiandituTileLayer("http://t{s}.tianditu.com/vec_c/wmts", {
40+
layer: "vec",
41+
tilematrixSet: "c"
42+
}).addTo(map);
3943

4044
info.onAdd = function () {
4145
var popup = L.DomUtil.create('div');
@@ -51,11 +55,16 @@ <h4 class="modal-title">提示</h4>
5155
"</div><p>" +
5256
"<div class='input-group'>" +
5357
"<span class='input-group-addon'>聚合类型</span>" +
54-
"<input id='type' type='text' class='form-control' placeholder='SUMMARYMESH'/>" +
58+
"<select class='form-control' id='type' name='clientType'>" +
59+
"<option value='SUMMARYMESH' selected='selected'>网格面聚合</option>" +
60+
"</select>" +
5561
"</div><p>" +
5662
"<div class='input-group'>" +
5763
"<span class='input-group-addon'>网格面类型</span>" +
58-
"<input id='meshType' type='text' class='form-control' placeholder='0'/>" +
64+
"<select class='form-control' id='meshType' name='clientType'>" +
65+
"<option value='0' selected='selected'>四边形网格</option>" +
66+
"<option value='1'>六边形网格</option>" +
67+
"</select>" +
5968
"</div><p>" +
6069
"<div class='input-group'>" +
6170
"<span class='input-group-addon'>权重值索引</span>" +
@@ -86,21 +95,20 @@ <h4 class="modal-title">提示</h4>
8695
var summaryMeshJobParameter = new SuperMap.SummaryMeshJobParameter({
8796
datasetName: $('#datasetName').val() || $('#datasetName').attr('placeholder'),
8897
resolution: $('#resolution').val() || $('#resolution').attr('placeholder'),
89-
meshType: $('#meshType').val() || $('#meshType').attr('placeholder'),
98+
meshType: $('#meshType option:selected').attr('value'),
9099
fields: $('#fields').val() || $('#fields').attr('placeholder'),
91100
query: L.latLngBounds(L.latLng(query[1], query[0]), L.latLng(query[3], query[2])),
92101
statisticModes: $('#statisticModes').val() || $('#statisticModes').attr('placeholder'),
93-
type: $('#type').val() || $('#type').attr('placeholder')
102+
type: $('#type option:selected').attr('value')
94103
}),
95104
processingJobsService = new L.supermap.processingJobsService(processingJobsUrl);
96105

97106
SuperMap.Credential.CREDENTIAL = new SuperMap.Credential(token, 'token');
98107
$('#btn').on('click', function () {
99108
$('#btn').prop('disabled', true);
100109
$("#model").modal({show: true, backdrop: 'static', keyboard: false});
101-
if (map && layer && baseLayer) {
110+
if (map && layer) {
102111
map.removeLayer(layer);
103-
map.removeLayer(baseLayer);
104112
}
105113
processingJobsService.addSummaryMeshJob(summaryMeshJobParameter, function (serviceResult) {
106114
if (serviceResult.error) {
@@ -115,9 +123,7 @@ <h4 class="modal-title">提示</h4>
115123
return response.json();
116124
}).then(function (result) {
117125
var mapUrl = result[0].path;
118-
baseLayer = L.supermap.tiledMapLayer(worldMapUrl, {noWrap: true});
119126
layer = L.supermap.tiledMapLayer(mapUrl, {noWrap: true, transparent: true});
120-
baseLayer.addTo(map);
121127
layer.addTo(map);
122128
$("#model").modal('hide');
123129
$('#btn').prop('disabled', false);

‎examples/leaflet/buildCacheService.html‎

Lines changed: 23 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -26,17 +26,19 @@ <h4 class="modal-title">提示</h4>
2626
<script type="text/javascript" src="http://cdn.bootcss.com/leaflet/1.0.3/leaflet.js"></script>
2727
<script type="text/javascript" src="../../dist/iclient9-leaflet.js"></script>
2828
<script type="text/javascript">
29-
var layer, baseLayer, processingJobsUrl = "http://113.209.64.227:8090/iserver/services/processing/rest/v1/jobs",
29+
var layer, processingJobsUrl = "http://113.209.64.227:8090/iserver/services/processing/rest/v1/jobs",
3030
token = 'GSHB7qlocJkqEH0Ld6VUSGQfekOdPd3e9UdJoHjiupfbkGDggXQLSPWd6VaKm8NH4gvXx6UQ0TCI5wpfr-4Tlw..',
31-
worldMapUrl = 'http://113.209.64.227:8090/iserver/services/map-World/rest/maps/世界地图_Day',
3231
map = L.map('map', {
33-
crs: L.CRS.EPSG4326,
32+
crs: L.CRS.TianDiTu_WGS84,
3433
center: [40.75, -73.95],
3534
maxZoom: 18,
3635
zoom: 12
3736
}),
3837
info = L.control({position: 'topright'});
39-
38+
L.supermap.tiandituTileLayer("http://t{s}.tianditu.com/vec_c/wmts", {
39+
layer: "vec",
40+
tilematrixSet: "c"
41+
}).addTo(map);
4042
info.onAdd = function () {
4143
var popup = L.DomUtil.create('div');
4244
popup.style = 'width:20%';
@@ -47,16 +49,20 @@ <h4 class="modal-title">提示</h4>
4749
"<div class='panel-body'>" +
4850
"<div class='input-group'>" +
4951
"<span class='input-group-addon'>输入数据</span>" +
50-
"<input id='datasetName' type='text' class='form-control' placeholder='test_newyork_taxi_2013_01_14k'/>" +
51-
"</div><p>" +
52+
"<div>" +
53+
"<select class='form-control' id='datasetName' name='clientType'>" +
54+
"<option selected='selected'>test_newyork_taxi_2013_01_14k</option>" +
55+
"</select> </div> </div> <p>" +
5256
"<div class='input-group'>" +
5357
"<span class='input-group-addon'>缓存类型</span>" +
54-
"<input id='imageType' type='text' class='form-control' placeholder='Heatmap'/>" +
55-
"</div><p>" +
58+
"<div>" +
59+
"<select class='form-control' id='imageType' name='clientType'>" +
60+
"<option value='Heatmap' selected='selected'>热度图</option>" +
61+
"</select> </div> </div> <p>" +
5662
"<div class='input-group'>" +
5763
"<span class='input-group-addon'>缓存范围</span>" +
5864
"<input id='bounds' type='text' class='form-control' placeholder='-74.050, 40.650, -73.850, 40.850'/>" +
59-
"</div><p>" +
65+
"</div> <p>" +
6066
"<div class='input-group'>" +
6167
"<span class='input-group-addon'>缓存比例尺级别</span>" +
6268
"<input id='level' type='text' class='form-control' placeholder='5'/>" +
@@ -67,8 +73,10 @@ <h4 class="modal-title">提示</h4>
6773
"</div><p>" +
6874
"<div class='input-group'>" +
6975
"<span class='input-group-addon'>存储类型</span>" +
70-
"<input id='cacheType' type='text' class='form-control' placeholder='MongoDB'/>" +
71-
"</div><p>" +
76+
"<div>" +
77+
"<select class='form-control' id='cacheType' name='clientType'>" +
78+
"<option selected='selected'>MongoDB</option>" +
79+
"</select></div></div><p>" +
7280
"<div class='input-group'>" +
7381
"<span class='input-group-addon'>服务地址</span>" +
7482
"<input id='serverAdresses' type='text' class='form-control' placeholder='113.209.64.227:27010'/>" +
@@ -96,12 +104,12 @@ <h4 class="modal-title">提示</h4>
96104
var buildCacheJobParameter = new SuperMap.BuildCacheJobParameter({
97105
datasetName: $('#datasetName').val() || $('#datasetName').attr('placeholder'),
98106
cacheName: $('#cacheName').val() || $('#cacheName').attr('placeholder'),
99-
cacheType: $('#cacheType').val() || $('#cacheType').attr('placeholder'),
107+
cacheType: $('#cacheType option:selected').text(),
100108
serverAdresses: serverAddress,
101109
database: $('#database').val() || $('#database').attr('placeholder'),
102110
version: $('#version').val() || $('#version').attr('placeholder'),
103-
bounds: bounds,
104-
imageType: $('#imageType').val() || $('#imageType').attr('placeholder'),
111+
bounds: L.latLngBounds(L.latLng(bounds[1], bounds[0]), L.latLng(bounds[3], bounds[2])),
112+
imageType: $('#imageType option:selected').attr('value'),
105113
level: parseInt($('#level').val() || $('#level').attr('placeholder'))
106114
});
107115
processingJobsService = new L.supermap.processingJobsService(processingJobsUrl);
@@ -111,9 +119,8 @@ <h4 class="modal-title">提示</h4>
111119
$('#btn').on('click', function () {
112120
$('#btn').prop('disabled', true);
113121
$("#model").modal({show: true, backdrop: 'static', keyboard: false});
114-
if (map && layer && baseLayer) {
122+
if (map && layer) {
115123
map.removeLayer(layer);
116-
map.removeLayer(baseLayer);
117124
}
118125
processingJobsService.addBuildCacheJob(buildCacheJobParameter, function (serviceResult) {
119126
if (serviceResult.error) {
@@ -128,9 +135,7 @@ <h4 class="modal-title">提示</h4>
128135
return response.json();
129136
}).then(function (result) {
130137
var mapUrl = result[0].path;
131-
baseLayer = L.supermap.tiledMapLayer(worldMapUrl, {noWrap: true});
132138
layer = L.supermap.tiledMapLayer(mapUrl, {noWrap: true, transparent: true});
133-
baseLayer.addTo(map);
134139
layer.addTo(map);
135140
$("#model").modal('hide');
136141
$('#btn').prop('disabled', false);

‎examples/leaflet/img/SummaryMeshJobService.png‎

95.7 KB
Loading

‎examples/leaflet/img/kernelDensityJobService.png‎

101 KB
Loading

‎examples/leaflet/kernelDensityJobService.html‎

Lines changed: 19 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -26,17 +26,20 @@ <h4 class="modal-title">提示</h4>
2626
<script type="text/javascript" src="http://cdn.bootcss.com/leaflet/1.0.3/leaflet.js"></script>
2727
<script type="text/javascript" src="../../dist/iclient9-leaflet.js"></script>
2828
<script type="text/javascript">
29-
var layer, baseLayer, processingJobsUrl = "http://113.209.64.227:8090/iserver/services/processing/rest/v1/jobs",
29+
var layer, processingJobsUrl = "http://113.209.64.227:8090/iserver/services/processing/rest/v1/jobs",
3030
token = 'GSHB7qlocJkqEH0Ld6VUSGQfekOdPd3e9UdJoHjiupfbkGDggXQLSPWd6VaKm8NH4gvXx6UQ0TCI5wpfr-4Tlw..',
31-
worldMapUrl = 'http://113.209.64.227:8090/iserver/services/map-World/rest/maps/世界地图_Day',
3231
map = L.map('map', {
33-
crs: L.CRS.EPSG4326,
32+
crs: L.CRS.TianDiTu_WGS84,
3433
center: [40.75, -73.95],
3534
maxZoom: 18,
36-
zoom: 11
35+
zoom: 12
3736
}),
3837
info = L.control({position: 'topright'}),
3938
query = [];
39+
L.supermap.tiandituTileLayer("http://t{s}.tianditu.com/vec_c/wmts", {
40+
layer: "vec",
41+
tilematrixSet: "c"
42+
}).addTo(map);
4043

4144
info.onAdd = function () {
4245
var popup = L.DomUtil.create('div');
@@ -52,11 +55,18 @@ <h4 class="modal-title">提示</h4>
5255
"</div><p>" +
5356
"<div class='input-group'>" +
5457
"<span class='input-group-addon'>分析方法</span>" +
55-
"<input id='method' type='text' class='form-control' placeholder='0'/>" +
58+
"<div>" +
59+
"<select class='form-control' id='method' name='clientType'>" +
60+
"<option value='0' selected='selected'>简单点密度分析</option>" +
61+
"<option value='1'>核密度分析</option>" +
62+
"</select></div>" +
5663
"</div><p>" +
5764
"<div class='input-group'>" +
5865
"<span class='input-group-addon'>网格面类型</span>" +
59-
"<input id='meshType' type='text' class='form-control' placeholder='0'/>" +
66+
"<select class='form-control' id='meshType' name='clientType'>" +
67+
"<option value='0' selected='selected'>四边形网格</option>" +
68+
"<option value='1'>六边形网格</option>" +
69+
"</select>" +
6070
"</div><p>" +
6171
"<div class='input-group'>" +
6272
"<span class='input-group-addon'>权重值索引</span>" +
@@ -87,8 +97,8 @@ <h4 class="modal-title">提示</h4>
8797
var kernelDensityJobParameter = new SuperMap.KernelDensityJobParameter({
8898
datasetName: $('#datasetName').val() || $('#datasetName').attr('placeholder'),
8999
resolution: $('#resolution').val() || $('#resolution').attr('placeholder'),
90-
method: $('#method').val() || $('#method').attr('placeholder'),
91-
meshType: $('#meshType').val() || $('#meshType').attr('placeholder'),
100+
method: $('#method option:selected').attr('value'),
101+
meshType: $('#meshType option:selected').attr('value'),
92102
fields: $('#fields').val() || $('#fields').attr('placeholder'),
93103
query: L.latLngBounds(L.latLng(query[1], query[0]), L.latLng(query[3], query[2])),
94104
radius: $('#radius').val() || $('#radius').attr('placeholder')
@@ -99,9 +109,8 @@ <h4 class="modal-title">提示</h4>
99109
$('#btn').on('click', function () {
100110
$('#btn').prop('disabled', true);
101111
$("#model").modal({show: true, backdrop: 'static', keyboard: false});
102-
if (map && layer && baseLayer) {
112+
if (map && layer) {
103113
map.removeLayer(layer);
104-
map.removeLayer(baseLayer);
105114
}
106115
processingJobsService.addKernelDensityJob(kernelDensityJobParameter, function (serviceResult) {
107116
if (serviceResult.error) {
@@ -116,9 +125,7 @@ <h4 class="modal-title">提示</h4>
116125
return response.json();
117126
}).then(function (result) {
118127
var mapUrl = result[0].path;
119-
baseLayer = L.supermap.tiledMapLayer(worldMapUrl, {noWrap: true});
120128
layer = L.supermap.tiledMapLayer(mapUrl, {noWrap: true, transparent: true});
121-
baseLayer.addTo(map);
122129
layer.addTo(map);
123130
$("#model").modal('hide');
124131
$('#btn').prop('disabled', false);

0 commit comments

Comments
 (0)