Using Maps SDK with Azure
By default, maps are served from Amazon Web Services (AWS). This example shows how you can instead serve maps from Microsoft’s Azure cloud platform. Requires Trimble Maps v3.0.0 or later.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="https://maps-sdk.trimblemaps.com/v4/trimblemaps-4.2.1.css" />
<script src="https://maps-sdk.trimblemaps.com/v4/trimblemaps-4.2.1.js"></script>
<style>
body { margin: 0; padding: 0; }
#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
TrimbleMaps._setServiceUrls({
PLACES_URL: 'https://api.az.trimblemaps.com/places/v1',
BASE_URL: 'https://tiles.az.alk.com',
RAIL_URL: 'https://pcmrail.az.alk.com/REST/v23.1/Service.svc',
REST_URL: 'https://pcmiler.az.alk.com/APIs/REST/v1.0/service.svc',
SINGLESEARCH_URL: 'https://singlesearch.az.alk.com'
});
TrimbleMaps.setAPIKey('YOUR_API_KEY_HERE');
const map = new TrimbleMaps.Map({
container: 'map',
zoom: 15.4,
center: [-75.163132, 39.951872],
region: TrimbleMaps.Common.Region.NA,
hash: true
});
</script>
</body>
</html>
Using Maps SDK with Azure
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="https://maps-sdk.trimblemaps.com/v4/trimblemaps-4.2.1.css" />
<script src="https://maps-sdk.trimblemaps.com/v4/trimblemaps-4.2.1.js"></script>
<style>
body { margin: 0; padding: 0; }
#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
TrimbleMaps._setServiceUrls({
PLACES_URL: 'https://api.az.trimblemaps.com/places/v1',
BASE_URL: 'https://tiles.az.alk.com',
RAIL_URL: 'https://pcmrail.az.alk.com/REST/v23.1/Service.svc',
REST_URL: 'https://pcmiler.az.alk.com/APIs/REST/v1.0/service.svc',
SINGLESEARCH_URL: 'https://singlesearch.az.alk.com'
});
TrimbleMaps.setAPIKey('YOUR_API_KEY_HERE');
const map = new TrimbleMaps.Map({
container: 'map',
zoom: 15.4,
center: [-75.163132, 39.951872],
region: TrimbleMaps.Common.Region.NA,
hash: true
});
</script>
</body>
</html>