@maptiler/sdk 1.0.8 → 1.0.10

package/src/index.ts

@@ -14,89 +14,123 @@ const {
   supported,
   setRTLTextPlugin,
   getRTLTextPluginStatus,
-  NavigationControl,
-  GeolocateControl,
-  AttributionControl,
-  LogoControl,
-  ScaleControl,
-  FullscreenControl,
-  TerrainControl,
-  Popup,
-  Marker,
-  Style,
   LngLat,
   LngLatBounds,
   MercatorCoordinate,
   Evented,
   AJAXError,
-  CanvasSource,
-  GeoJSONSource,
-  ImageSource,
-  RasterDEMTileSource,
-  RasterTileSource,
-  VectorTileSource,
-  VideoSource,
   prewarm,
   clearPrewarmedResources,
   version,
   workerCount,
   maxParallelImageRequests,
-  clearStorage,
   workerUrl,
   addProtocol,
   removeProtocol,
-
-  // isSafari,
-  // getPerformanceMetrics,
-  // config,
-  // Point,
 } = maplibregl;
 
+// We still want to export maplibregl.Map, but as a different name
+const MapMLGL = maplibregl.Map;
+const MarkerMLGL = maplibregl.Marker;
+const PopupMLGL = maplibregl.Popup;
+const StyleMLGL = maplibregl.Style;
+const CanvasSourceMLGL = maplibregl.CanvasSource;
+const GeoJSONSourceMLGL = maplibregl.GeoJSONSource;
+const ImageSourceMLGL = maplibregl.ImageSource;
+const RasterTileSourceMLGL = maplibregl.RasterTileSource;
+const RasterDEMTileSourceMLGL = maplibregl.RasterDEMTileSource;
+const VectorTileSourceMLGL = maplibregl.VectorTileSource;
+const VideoSourceMLGL = maplibregl.VideoSource;
+const NavigationControlMLGL = maplibregl.NavigationControl;
+const GeolocateControlMLGL = maplibregl.GeolocateControl;
+const AttributionControlMLGL = maplibregl.AttributionControl;
+const LogoControlMLGL = maplibregl.LogoControl;
+const ScaleControlMLGL = maplibregl.ScaleControl;
+const FullscreenControlMLGL = maplibregl.FullscreenControl;
+const TerrainControlMLGL = maplibregl.TerrainControl;
+
 export {
   supported,
   setRTLTextPlugin,
   getRTLTextPluginStatus,
-  // Map,
-  NavigationControl,
-  GeolocateControl,
-  AttributionControl,
-  LogoControl,
-  ScaleControl,
-  FullscreenControl,
-  TerrainControl,
-  Popup,
-  Marker,
-  Style,
+  PopupMLGL,
+  MarkerMLGL,
+  StyleMLGL,
   LngLat,
   LngLatBounds,
-  // Point,
   MercatorCoordinate,
   Evented,
   AJAXError,
-  // config,
-  CanvasSource,
-  GeoJSONSource,
-  ImageSource,
-  RasterDEMTileSource,
-  RasterTileSource,
-  VectorTileSource,
-  VideoSource,
+  CanvasSourceMLGL,
+  GeoJSONSourceMLGL,
+  ImageSourceMLGL,
+  RasterDEMTileSourceMLGL,
+  RasterTileSourceMLGL,
+  VectorTileSourceMLGL,
+  VideoSourceMLGL,
   prewarm,
   clearPrewarmedResources,
   version,
   workerCount,
   maxParallelImageRequests,
-  clearStorage,
   workerUrl,
   addProtocol,
   removeProtocol,
-  // isSafari,
-  // getPerformanceMetrics
+  MapMLGL,
 };
 
+// Exporting types of class instances from MapLibre:
+export type NavigationControlMLGL = InstanceType<typeof NavigationControlMLGL>;
+export type GeolocateControlMLGL = InstanceType<typeof GeolocateControlMLGL>;
+export type AttributionControlMLGL = InstanceType<
+  typeof AttributionControlMLGL
+>;
+export type LogoControlMLGL = InstanceType<typeof LogoControlMLGL>;
+export type ScaleControlMLGL = InstanceType<typeof ScaleControlMLGL>;
+export type FullscreenControlMLGL = InstanceType<typeof FullscreenControlMLGL>;
+export type TerrainControlMLGL = InstanceType<typeof TerrainControlMLGL>;
+export type MarkerMLGL = InstanceType<typeof MarkerMLGL>;
+export type PopupMLGL = InstanceType<typeof PopupMLGL>;
+export type StyleMLGL = InstanceType<typeof StyleMLGL>;
+export type LngLat = InstanceType<typeof LngLat>;
+export type LngLatBounds = InstanceType<typeof LngLatBounds>;
+export type MercatorCoordinate = InstanceType<typeof MercatorCoordinate>;
+export type Evented = InstanceType<typeof Evented>;
+export type AJAXError = InstanceType<typeof AJAXError>;
+export type CanvasSourceMLGL = InstanceType<typeof CanvasSourceMLGL>;
+export type GeoJSONSourceMLGL = InstanceType<typeof GeoJSONSourceMLGL>;
+export type ImageSourceMLGL = InstanceType<typeof ImageSourceMLGL>;
+export type RasterDEMTileSourceMLGL = InstanceType<
+  typeof RasterDEMTileSourceMLGL
+>;
+export type RasterTileSourceMLGL = InstanceType<typeof RasterTileSourceMLGL>;
+export type VectorTileSourceMLGL = InstanceType<typeof VectorTileSourceMLGL>;
+export type VideoSourceMLGL = InstanceType<typeof VideoSourceMLGL>;
+export type MapMLGL = InstanceType<typeof MapMLGL>;
+
+// SDK specific
 import { Map, GeolocationType } from "./Map";
-import type { MapOptions } from "./Map";
+import type { MapOptions, LoadWithTerrainEvent } from "./Map";
 
+import { Marker } from "./Marker";
+import { Popup } from "./Popup";
+import { Style } from "./Style";
+import { CanvasSource } from "./CanvasSource";
+import { GeoJSONSource } from "./GeoJSONSource";
+import { ImageSource } from "./ImageSource";
+import { RasterTileSource } from "./RasterTileSource";
+import { RasterDEMTileSource } from "./RasterDEMTileSource";
+import { VectorTileSource } from "./VectorTileSource";
+import { VideoSource } from "./VideoSource";
+import { NavigationControl } from "./NavigationControl";
+import { GeolocateControl } from "./GeolocateControl";
+import { AttributionControl } from "./AttributionControl";
+import { LogoControl } from "./LogoControl";
+import { ScaleControl } from "./ScaleControl";
+import { FullscreenControl } from "./FullscreenControl";
+import { TerrainControl } from "./TerrainControl";
+
+// Import of modified versions of the controls
 import { MaptilerGeolocateControl } from "./MaptilerGeolocateControl";
 import { MaptilerLogoControl } from "./MaptilerLogoControl";
 import { MaptilerTerrainControl } from "./MaptilerTerrainControl";
@@ -139,6 +173,7 @@ import type { Unit } from "./unit";
 // Exporting types
 export type {
   MapOptions,
+  LoadWithTerrainEvent,
   GeocodingOptions,
   BBox,
   Position,
@@ -157,6 +192,23 @@ export type {
 // Exporting classes, objects, functions, etc.
 export {
   Map,
+  Marker,
+  Popup,
+  Style,
+  CanvasSource,
+  GeoJSONSource,
+  ImageSource,
+  RasterTileSource,
+  RasterDEMTileSource,
+  VideoSource,
+  NavigationControl,
+  GeolocateControl,
+  AttributionControl,
+  LogoControl,
+  ScaleControl,
+  FullscreenControl,
+  TerrainControl,
+  VectorTileSource,
   GeolocationType,
   SdkConfig,
   config,

package/demos/embedded-config.html

@@ -1,66 +0,0 @@
-<html>
-  <head>
-    <title>MapTiler JS SDK example</title>
-    <style>
-      html, body {
-        margin: 0;
-      }
-
-      #map-container {
-        position: absolute;
-        width: 100vw;
-        height: 100vh;
-        background: radial-gradient(circle, rgb(186 226 255) 5%, rgb(0 100 159) 98%);
-      }
-
-      #style-picker-container {
-        position: absolute;
-        z-index: 2;
-        margin: 10px;
-      }
-
-    </style>
-
-    <link rel="stylesheet" href="maptiler-sdk.css">
-  </head>
-
-  <body>
-    <div id="map-container"></div>
-    <div id="style-picker-container">
-      <select name="mapstyles" id="mapstyles-picker">
-
-      </select>
-
-    </div>
-  
-    <script src ="maptiler-sdk.umd.js"></script>
-    
-    <script>
-      const map = new maptilersdk.Map({
-        container: document.getElementById("map-container"),
-        apiKey: "ZFEK2gQSwT4Jcimbtcy7",
-        language: maptilersdk.Language.GERMAN,
-        hash: true,
-        maxPitch: 85,
-        scaleControl: true,
-        fullscreenControl: true,
-        terrainControl: true,
-      })
-
-      const styleDropDown = document.getElementById("mapstyles-picker")
-
-      styleDropDown.onchange = (evt) => {
-        map.setStyle(styleDropDown.value)
-      }
-
-      Object.keys(maptilersdk.MapStyle).forEach(s => {
-        const styleOption = document.createElement('option');
-        styleOption.value = maptilersdk.MapStyle[s].DEFAULT.id;
-        styleOption.innerHTML = s.replace("_", " ").toLowerCase();
-        styleDropDown.appendChild(styleOption);
-      })
-
-
-    </script>
-  </body>
-</html>

package/demos/two-maps.html

@@ -1,71 +0,0 @@
-<html>
-  <head>
-    <title>MapTiler JS SDK example</title>
-    <style>
-      html, body {
-        margin: 0;
-      }
-
-      #two-map-container {
-        display: inline-flex;
-      }
-
-      #map-container1 {
-        /* position: absolute; */
-        width: 50vw;
-        height: 100vh;
-        background: radial-gradient(circle, rgb(186 226 255) 5%, rgb(0 100 159) 98%);
-      }
-
-      #map-container2 {
-        /* position: absolute; */
-        width: 50vw;
-        height: 100vh;
-        background: radial-gradient(circle, rgb(186 226 255) 5%, rgb(0 100 159) 98%);
-      }
-
-    </style>
-
-    <link rel="stylesheet" href="maptiler-sdk.css">
-  </head>
-
-  <body>
-    <div id="two-map-container">
-      <div id="map-container1"></div>
-      <div id="map-container2"></div>
-    </div>
-
-  
-    <script src ="maptiler-sdk.umd.js"></script>
-    
-    <script>
-      // maptilersdk.config.primaryLanguage = maptilersdk.Language.GERMAN;
-
-      const map1 = new maptilersdk.Map({
-        container: document.getElementById("map-container1"),
-        apiKey: "ZFEK2gQSwT4Jcimbtcy7",
-        language: maptilersdk.Language.SPANISH,
-        hash: true,
-        maxPitch: 85,
-        scaleControl: true,
-        fullscreenControl: true,
-        terrainControl: true,
-      })
-
-      const map2 = new maptilersdk.Map({
-        container: document.getElementById("map-container2"),
-        apiKey: "ZFEK2gQSwT4Jcimbtcy7",
-        hash: true,
-        maxPitch: 85,
-        scaleControl: true,
-        fullscreenControl: true,
-        terrainControl: true,
-      })
-
-      console.log('map1', map1);
-      console.log('map2', map2);
-
-
-    </script>
-  </body>
-</html>