Possible Globe View

[Jayson-Tolleson]

Hey all, I am Jayson Tolleson:
Hopefully I will be able to update this some how to include globeview.....
I would like to share my code some:

<title>MapLibreGL</title> <script src="https://unpkg.com/deck.gl@latest/dist.min.js"></script> <script src="https://unpkg.com/@deck.gl/[email protected]/dist.min.js"></script> <script src="https://unpkg.com/@deck.gl/[email protected]/dist.min.js"></script> <script src="https://unpkg.com/@deck.gl/[email protected]/dist.min.js"></script> <script src="https://unpkg.com/@deck.gl/[email protected]/dist.min.js"></script> <script src="https://unpkg.com/@deck.gl/[email protected]/dist.min.js"></script> <script src="https://unpkg.com/@deck.gl/[email protected]/dist.min.js"></script> <script src="https://unpkg.com/[email protected]/dist/maplibre-gl.js"></script> <script src="https://unpkg.com/[email protected]/dist/es5/index.js"></script> <script src="https://unpkg.com/@luma.gl/[email protected]/dist/es5/index.js"></script> <script src="https://unpkg.com/@luma.gl/[email protected]/dist/es5/index.js"></script> <script src="https://unpkg.com/@loaders.gl/[email protected]/dist/es5/index.js"></script> <script src="https://unpkg.com/[email protected]/cjs/index.js"></script> <script src="https://unpkg.com/[email protected]/index.js"></script> <script src="https://unpkg.com/[email protected]/dist/index.js"></script> <script src="https://unpkg.com/[email protected]/bin/tsc.js"></script> <script src="https://unpkg.com/[email protected]/lib/typescript.js"></script>

<script>

const where = {
zoom: 12.11636800831692,
pitch: 61.03929753705569,
longitude: -117.429707050949082,
latitude: 33.81651393996542,
maxPitch: 85,
bearing: 44.59239340534395,
altitude: 1.5,
};

let mapLibre = new maplibregl.Map({
...where,
container: "map",
center: [where.longitude, where.latitude],
dragRotate: true,
style: {
version: 8,
sources: {
sat: {
type: "raster",
tiles: ["https://mt0.google.com/vt/lyrs=s&hl=en&x={x}&y={y}&z={z}"],
tileSize: 256,
maxzoom: 12
},
terrainSource: {
type: "raster-dem",
tiles: [
"https://s3.amazonaws.com/elevation-tiles-prod/terrarium/{z}/{x}/{y}.png"
],
encoding: "terrarium",
tileSize: 256,
maxzoom: 12
}
},

// TOGGLE:  MapLibre Terrain

 layers: [{ id: 'sat', type: 'raster', source: 'sat' }],
 terrain: { source: 'terrainSource', exaggeration: 2, elevationOffset: 0 },

}
});
mapLibre.addControl(
new maplibregl.NavigationControl({
visualizePitch: true,
showZoom: true,
showCompass: true
})
);

</script>

</body>

any help would be greatly appreciated....the goal is to have a fishing data map here....

[HarelM]

I would recommend sharing a jsbin or codepen instead of sharing the code this way... Also, it's not clear if you would like someone to help you in creating a globeview or do you have an initial solution that you would like others to help with improving.