-
Notifications
You must be signed in to change notification settings - Fork 0
/
testTwelveImages.html
43 lines (37 loc) · 1.79 KB
/
testTwelveImages.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!--This file is a test file for your convenience.
It makes a request to the variable query_url and displays the base64 encoded image result. -->
<!DOCTYPE html>
<html lang="en">
<body>
<p>This html file makes the following query to your code: <tt>{lrlon=-122.2104604264636, ullon=-122.30410170759153, w=1091.0, h=566.0, ullat=37.870213571328854, lrlat=37.8318576119893}
</tt>
<p>The expected result from getMapRaster is:
<tt>{raster_ul_lon=-122.2998046875, depth=2, raster_lr_lon=-122.2119140625, raster_lr_lat=37.82280243352756, render_grid=[[img/13.png, img/14.png, img/23.png, img/24.png], [img/31.png, img/32.png, img/41.png, img/42.png], [img/33.png, img/34.png, img/43.png, img/44.png]], raster_ul_lat=37.87484726881516, query_success=true}
</tt>
<p>The image output of your program is shown below (will be blank if your server isn't running or working properly):
<p><meta charset="UTF-8">
<img id="map">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
var query_url = "http://localhost:4567/raster";
$.get({
async: false,
url: query_url,
data: { h: 566.0,
lrlat: 37.8318576119893,
lrlon: -122.2104604264636,
ullat: 37.870213571328854,
ullon: -122.30410170759153,
w: 1085.0
},
success: function(data) {
map.src = "data:image/png;base64," + data.b64_encoded_image_data;
},
dataType: "json"
});
</script>
<p>The correct output should be:
<p><img src="http://datastructur.es/sp17/materials/proj/proj3/testTwelveImages.png">
<p>If your image looks different (or is blank), your implementation is not correct.
</body>
</html>