-
Notifications
You must be signed in to change notification settings - Fork 5
/
tomtomv6.html
45 lines (41 loc) · 1.11 KB
/
tomtomv6.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html class='use-all-space'>
<head>
<meta http-equiv='X-UA-Compatible' content='IE=Edge' />
<meta charset='UTF-8'>
<title>Magic Mirror</title>
<link rel='stylesheet' type='text/css' href='https://api.tomtom.com/maps-sdk-for-web/cdn/6.x/6.13.0/maps/maps.css'>
<link rel='stylesheet' type='text/css' href='./tutorialTomTomsite.css'>
<script src="https://api.tomtom.com/maps-sdk-for-web/cdn/6.x/6.13.0/maps/maps-web.min.js"></script>
</head>
<body>
<div id='TTmap' class='tomtommap'></div>
<script>
tt.setProductInfo('MagicMirror MM-TomTomStatic', '1.0.3');
var TTmap = tt.map({
key: 'your key', //add here your key with 's around them.
container: 'TTmap',
center: [14,12],
zoom: 12,
interactive: true,
style: {
map: 'basic_main',
poi: 'poi_main',
trafficIncidents: 'incidents_day',
trafficFlow: 'flow_relative0',
},
stylesVisibility: {
trafficFlow: true,
trafficIncidents: true,
poi: false
}
});
var marker = new tt.Marker({
width: 15,
height: 15
});
marker.setLngLat([14,12]);
marker.addTo(TTmap);
</script>
</body>
</html>