@@ -2,16 +2,21 @@ import mapboxGlStyleSwitcher from 'https://cdn.skypack.dev/mapbox-gl-style-switc
2
2
3
3
const lines = [ "#FF0000" , "#FF00FF" , "#00FFFF" , "#0000FF" , "#00FF00" , "#000000" ] ;
4
4
const LNG_KM = 111.320 , LAT_KM = 110.574 ;
5
+ const mapContainer = 'map' ;
6
+ const mapStyle = "mapbox://styles/mapbox/light-v11?optimize=true" ;
7
+ const mapCenter = [ - 122.486052 , 37.830348 ] ; // Initial focus coordinate
8
+ const mapZoom = 16 ;
9
+ const mapPerformanceMetricsCollection = false ;
5
10
6
11
function decode ( r ) { var n = r , t = [ 0 , 10 , 13 , 34 , 38 , 92 ] , e = new Uint8Array ( 1.75 * n . length | 0 ) , f = 0 , o = 0 , a = 0 ; function i ( r ) { o |= ( r <<= 1 ) >>> a , 8 <= ( a += 7 ) && ( e [ f ++ ] = o , o = r << 7 - ( a -= 8 ) & 255 ) } for ( var u = 0 ; u < n . length ; u ++ ) { var c , d = n . charCodeAt ( u ) ; 127 < d ?( 7 != ( c = d >>> 8 & 7 ) && i ( t [ c ] ) , i ( 127 & d ) ) :i ( d ) } r = new Uint8Array ( e , 0 , f ) ; var s = new TextDecoder ( ) . decode ( r ) ; while ( s . slice ( - 1 ) == "\x00" ) s = s . slice ( 0 , - 1 ) ; return s ; }
7
12
8
13
mapboxgl . accessToken = decode ( "@ACCESS_TOKEN@" ) ;
9
14
var map = new mapboxgl . Map ( {
10
- container : 'map' ,
11
- style : "mapbox://styles/mapbox/light-v11?optimize=true" ,
12
- center : [ - 122.486052 , 37.830348 ] , // Initial focus coordinate
13
- zoom : 16 ,
14
- performanceMetricsCollection : false ,
15
+ container : mapContainer ,
16
+ style : mapStyle ,
17
+ center : mapCenter ,
18
+ zoom : mapZoom ,
19
+ performanceMetricsCollection : mapPerformanceMetricsCollection ,
15
20
} ) ;
16
21
17
22
var focusCurrent = false ;
@@ -243,3 +248,17 @@ map.on('load', () => {
243
248
console . log ( "loaded" ) ;
244
249
setupLayers ( ) ;
245
250
} ) ;
251
+ map . on ( 'error' , ( ) => {
252
+ if ( mapboxgl . accessToken != "@ACCESS_TOKEN@" ) {
253
+ console . log ( "Attempting to use local environment variable MAPBOX_TOKEN" ) ;
254
+ mapboxgl . accessToken = "@ACCESS_TOKEN@" ;
255
+ map . remove ( ) ;
256
+ map = new mapboxgl . Map ( {
257
+ container : mapContainer ,
258
+ style : mapStyle ,
259
+ center : mapCenter ,
260
+ zoom : mapZoom ,
261
+ performanceMetricsCollection : mapPerformanceMetricsCollection ,
262
+ } ) ;
263
+ }
264
+ } ) ;
0 commit comments