You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
1.1 KiB
25 lines
1.1 KiB
2 years ago
|
<!DOCTYPE html>
|
||
|
|
<html class='use-all-space'>
|
||
|
|
<head>
|
||
|
|
<meta http-equiv='X-UA-Compatible' content='IE=Edge' />
|
||
|
|
<meta charset='UTF-8'>
|
||
|
|
<title>My Map</title>
|
||
|
|
<meta name='viewport'
|
||
|
|
content='width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no'/>
|
||
|
|
<!-- Replace version in the URL with desired library version -->
|
||
|
|
<link rel='stylesheet' type='text/css' href='https://api.tomtom.com/maps-sdk-for-web/cdn/6.x/<version>/maps/maps.css'/>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id='map' class='map' style='width:100%; height:100vh'></div>
|
||
|
|
<!-- Replace version in the URL with desired library version -->
|
||
|
|
<script src='https://api.tomtom.com/maps-sdk-for-web/cdn/6.x/<version>/maps/maps-web.min.js'></script>
|
||
|
|
<script>
|
||
|
|
tt.setProductInfo('<your-product-name>', '<your-product-version>');
|
||
|
|
tt.map({
|
||
|
|
key: 'HCAUTwaEOyuFIaIiLWcMojepBu22Sbcu',
|
||
|
|
container: 'map'
|
||
|
|
});
|
||
|
|
var marker = new tt.Marker().setLngLat([-122.492544, 37.768454]).addTo(map);
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|