@maptiler/sdk 1.0.9 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/.github/workflows/npm-publish.yml +0 -1
  2. package/CHANGELOG.md +10 -0
  3. package/demos/maptiler-sdk.umd.js +470 -32
  4. package/dist/maptiler-sdk.d.ts +66 -37
  5. package/dist/maptiler-sdk.min.mjs +1 -1
  6. package/dist/maptiler-sdk.mjs +456 -19
  7. package/dist/maptiler-sdk.mjs.map +1 -1
  8. package/dist/maptiler-sdk.umd.js +470 -32
  9. package/dist/maptiler-sdk.umd.js.map +1 -1
  10. package/dist/maptiler-sdk.umd.min.js +47 -47
  11. package/package.json +24 -26
  12. package/readme.md +108 -0
  13. package/src/Map.ts +283 -39
  14. package/src/index.ts +2 -26
  15. package/demos/embedded-config.html +0 -66
  16. package/demos/two-maps.html +0 -71
package/src/index.ts CHANGED
@@ -14,13 +14,6 @@ const {
14
14
  supported,
15
15
  setRTLTextPlugin,
16
16
  getRTLTextPluginStatus,
17
- // NavigationControl,
18
- // GeolocateControl,
19
- // AttributionControl,
20
- // LogoControl,
21
- // ScaleControl,
22
- // FullscreenControl,
23
- // TerrainControl,
24
17
  LngLat,
25
18
  LngLatBounds,
26
19
  MercatorCoordinate,
@@ -31,14 +24,9 @@ const {
31
24
  version,
32
25
  workerCount,
33
26
  maxParallelImageRequests,
34
- clearStorage,
35
27
  workerUrl,
36
28
  addProtocol,
37
29
  removeProtocol,
38
- // isSafari,
39
- // getPerformanceMetrics,
40
- // config,
41
- // Point,
42
30
  } = maplibregl;
43
31
 
44
32
  // We still want to export maplibregl.Map, but as a different name
@@ -65,24 +53,14 @@ export {
65
53
  supported,
66
54
  setRTLTextPlugin,
67
55
  getRTLTextPluginStatus,
68
- // Map,
69
- // NavigationControl,
70
- // GeolocateControl,
71
- // AttributionControl,
72
- // LogoControl,
73
- // ScaleControl,
74
- // FullscreenControl,
75
- // TerrainControl,
76
56
  PopupMLGL,
77
57
  MarkerMLGL,
78
58
  StyleMLGL,
79
59
  LngLat,
80
60
  LngLatBounds,
81
- // Point,
82
61
  MercatorCoordinate,
83
62
  Evented,
84
63
  AJAXError,
85
- // config,
86
64
  CanvasSourceMLGL,
87
65
  GeoJSONSourceMLGL,
88
66
  ImageSourceMLGL,
@@ -95,13 +73,10 @@ export {
95
73
  version,
96
74
  workerCount,
97
75
  maxParallelImageRequests,
98
- clearStorage,
99
76
  workerUrl,
100
77
  addProtocol,
101
78
  removeProtocol,
102
79
  MapMLGL,
103
- // isSafari,
104
- // getPerformanceMetrics
105
80
  };
106
81
 
107
82
  // Exporting types of class instances from MapLibre:
@@ -135,7 +110,7 @@ export type MapMLGL = InstanceType<typeof MapMLGL>;
135
110
 
136
111
  // SDK specific
137
112
  import { Map, GeolocationType } from "./Map";
138
- import type { MapOptions } from "./Map";
113
+ import type { MapOptions, LoadWithTerrainEvent } from "./Map";
139
114
 
140
115
  import { Marker } from "./Marker";
141
116
  import { Popup } from "./Popup";
@@ -198,6 +173,7 @@ import type { Unit } from "./unit";
198
173
  // Exporting types
199
174
  export type {
200
175
  MapOptions,
176
+ LoadWithTerrainEvent,
201
177
  GeocodingOptions,
202
178
  BBox,
203
179
  Position,
package/demos/embedded-config.html DELETED
@@ -1,66 +0,0 @@
1
- <html>
2
- <head>
3
- <title>MapTiler JS SDK example</title>
4
- <style>
5
- html, body {
6
- margin: 0;
7
- }
8
-
9
- #map-container {
10
- position: absolute;
11
- width: 100vw;
12
- height: 100vh;
13
- background: radial-gradient(circle, rgb(186 226 255) 5%, rgb(0 100 159) 98%);
14
- }
15
-
16
- #style-picker-container {
17
- position: absolute;
18
- z-index: 2;
19
- margin: 10px;
20
- }
21
-
22
- </style>
23
-
24
- <link rel="stylesheet" href="maptiler-sdk.css">
25
- </head>
26
-
27
- <body>
28
- <div id="map-container"></div>
29
- <div id="style-picker-container">
30
- <select name="mapstyles" id="mapstyles-picker">
31
-
32
- </select>
33
-
34
- </div>
35
-
36
- <script src ="maptiler-sdk.umd.js"></script>
37
-
38
- <script>
39
- const map = new maptilersdk.Map({
40
- container: document.getElementById("map-container"),
41
- apiKey: "ZFEK2gQSwT4Jcimbtcy7",
42
- language: maptilersdk.Language.GERMAN,
43
- hash: true,
44
- maxPitch: 85,
45
- scaleControl: true,
46
- fullscreenControl: true,
47
- terrainControl: true,
48
- })
49
-
50
- const styleDropDown = document.getElementById("mapstyles-picker")
51
-
52
- styleDropDown.onchange = (evt) => {
53
- map.setStyle(styleDropDown.value)
54
- }
55
-
56
- Object.keys(maptilersdk.MapStyle).forEach(s => {
57
- const styleOption = document.createElement('option');
58
- styleOption.value = maptilersdk.MapStyle[s].DEFAULT.id;
59
- styleOption.innerHTML = s.replace("_", " ").toLowerCase();
60
- styleDropDown.appendChild(styleOption);
61
- })
62
-
63
-
64
- </script>
65
- </body>
66
- </html>
package/demos/two-maps.html DELETED
@@ -1,71 +0,0 @@
1
- <html>
2
- <head>
3
- <title>MapTiler JS SDK example</title>
4
- <style>
5
- html, body {
6
- margin: 0;
7
- }
8
-
9
- #two-map-container {
10
- display: inline-flex;
11
- }
12
-
13
- #map-container1 {
14
- /* position: absolute; */
15
- width: 50vw;
16
- height: 100vh;
17
- background: radial-gradient(circle, rgb(186 226 255) 5%, rgb(0 100 159) 98%);
18
- }
19
-
20
- #map-container2 {
21
- /* position: absolute; */
22
- width: 50vw;
23
- height: 100vh;
24
- background: radial-gradient(circle, rgb(186 226 255) 5%, rgb(0 100 159) 98%);
25
- }
26
-
27
- </style>
28
-
29
- <link rel="stylesheet" href="maptiler-sdk.css">
30
- </head>
31
-
32
- <body>
33
- <div id="two-map-container">
34
- <div id="map-container1"></div>
35
- <div id="map-container2"></div>
36
- </div>
37
-
38
-
39
- <script src ="maptiler-sdk.umd.js"></script>
40
-
41
- <script>
42
- // maptilersdk.config.primaryLanguage = maptilersdk.Language.GERMAN;
43
-
44
- const map1 = new maptilersdk.Map({
45
- container: document.getElementById("map-container1"),
46
- apiKey: "ZFEK2gQSwT4Jcimbtcy7",
47
- language: maptilersdk.Language.SPANISH,
48
- hash: true,
49
- maxPitch: 85,
50
- scaleControl: true,
51
- fullscreenControl: true,
52
- terrainControl: true,
53
- })
54
-
55
- const map2 = new maptilersdk.Map({
56
- container: document.getElementById("map-container2"),
57
- apiKey: "ZFEK2gQSwT4Jcimbtcy7",
58
- hash: true,
59
- maxPitch: 85,
60
- scaleControl: true,
61
- fullscreenControl: true,
62
- terrainControl: true,
63
- })
64
-
65
- console.log('map1', map1);
66
- console.log('map2', map2);
67
-
68
-
69
- </script>
70
- </body>
71
- </html>