-
Notifications
You must be signed in to change notification settings - Fork 16
Expand file tree
/
Copy pathgetMapBounds.html
More file actions
105 lines (92 loc) · 3.75 KB
/
Copy pathgetMapBounds.html
File metadata and controls
105 lines (92 loc) · 3.75 KB
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>
<head>
<title>getMapBounds.html</title>
<meta charset="UTF-8">
<script type="module" src="../dist/web-map.js"></script>
<style>
html {
height: 100%
}
body,
map {
height: inherit
}
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<map style="width: 500px;height: 500px;" is="web-map" projection="WGS84" zoom="0" lat="0" lon="0" controls>
<layer- label="Inline Countries" checked>
<link rel="stylesheet" href="vector-tile-test.css">
<meta name="zoom" content="min=0,max=5">
<extent units="WGS84">
<input name="zoomLevel" type="zoom" value="1" min="1" max="2" />
<input name="row" type="location" axis="row" units="tilematrix" min="0" max="2" />
<input name="col" type="location" axis="column" units="tilematrix" min="0" max="2" />
<link rel='tile' type='text/mapml' title='Tiles for ne_10m_admin_0_countries (as MapML)'
tref='../test/e2e/data/tiles/wgs84/{zoomLevel}/r{row}_c{col}.mapml' />
</extent>
</layer->
<layer- label="src-based Countries" src="vector-tile-test.mapml" checked></layer->
<layer- label="Arizona + Colorado" checked>
<meta name="projection" content="WGS84" />
<meta name="cs" content="tilematrix" />
<meta name="zoom" content="min=0,max=5,value=3" />
<meta name="bounds"
content="topLeftVertical=2,topLeftHorizontal=3,bottomRightVertical=4,bottomRightHorizontal=3" />
<style>
.second {
stroke: red;
}
</style>
<style>
.third {
stroke: red
}
</style>
<feature zoom="2">
<properties>
<h1>Arizona</h1>
</properties>
<geometry>
<polygon>
<coordinates>-109.042503 37.000263 -109.04798 31.331629 -111.074448 31.331629 -112.246513 31.704061
-114.815198 32.492741 -114.72209 32.717295 -114.524921 32.755634 -114.470151 32.843265 -114.524921
33.029481 -114.661844 33.034958 -114.727567 33.40739 -114.524921 33.54979 -114.497536 33.697668
-114.535874 33.933176 -114.415382 34.108438 -114.256551 34.174162 -114.136058 34.305608 -114.333228
34.448009 -114.470151 34.710902 -114.634459 34.87521 -114.634459 35.00118 -114.574213 35.138103
-114.596121 35.324319 -114.678275 35.516012 -114.738521 36.102045 -114.371566 36.140383 -114.251074
36.01989 -114.152489 36.025367 -114.048427 36.195153 -114.048427 37.000263 -110.499369 37.00574
-109.042503 37.000263</coordinates>
</polygon>
</geometry>
</feature>
<feature zoom="3" class="all _20-50">
<properties>
<h1>Colorado</h1>
</properties>
<geometry>
<polygon>
<coordinates>-107.919731 41.003906 -105.728954 40.998429 -104.053011 41.003906 -102.053927 41.003906
-102.053927 40.001626 -102.042974 36.994786 -103.001438 37.000263 -104.337812 36.994786 -106.868158
36.994786 -107.421329 37.000263 -109.042503 37.000263 -109.042503 38.166851 -109.058934 38.27639
-109.053457 39.125316 -109.04798 40.998429 -107.919731 41.003906</coordinates>
</polygon>
</geometry>
</feature>
</layer->
<layer- label="Static MapML with tiles" checked>
<meta name="zoom" content="min=0,max=1">
<meta name="projection" content="WGS84" />
<link rel="license"
href="https://www.nrcan.gc.ca/earth-sciences/geography/topographic-information/free-data-geogratis/licence/17285"
title="Canada Base Map © Natural Resources Canada">
<tile zoom="0" row="0" col="2" src="http://localhost:30001/data/cbmt/0/c3_r3.png"></tile>
</layer->
</map>
</body>
</html>