-
Notifications
You must be signed in to change notification settings - Fork 7
/
demo.js
56 lines (43 loc) · 1.66 KB
/
demo.js
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
46
47
48
49
50
51
52
53
54
55
56
/**
* Moves all the map controls moved to the top-left corner
*
* @param {H.Map} map A HERE Map instance within the application
* @param {Object.<string, H.service.MapType>} defaultLayers
* an object holding the three default HERE Map types
*/
function moveUiComponents(map, defaultLayers){
// Create the default UI components
var ui = H.ui.UI.createDefault(map, defaultLayers);
// Obtain references to the standard controls.
var mapSettings = ui.getControl('mapsettings');
var zoom = ui.getControl('zoom');
var scalebar = ui.getControl('scalebar');
// Move the controls to the top-left of the map.
mapSettings.setAlignment('top-left');
zoom.setAlignment('top-left');
scalebar.setAlignment('top-left');
}
/**
* Boilerplate map initialization code starts below:
*/
//Step 1: initialize communication with the platform
var platform = new H.service.Platform({
app_id: 'DemoAppId01082013GAL',
app_code: 'AJKnXv84fjrb0KIHawS0Tg',
useCIT: true,
useHTTPS: true
});
var defaultLayers = platform.createDefaultLayers();
//Step 2: initialize a map - this map is centered over berlin.
var map = new H.Map(document.getElementById('map'),
defaultLayers.normal.map,{
center: {lat:52.5160, lng:13.3779},
zoom: 12
});
//Step 3: make the map interactive
// MapEvents enables the event system
// Behavior implements default interactions for pan/zoom (also on mobile touch environments)
var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));
// Now use the map as required...
moveUiComponents(map, defaultLayers);
$('head').append('<link rel="stylesheet" href="https://js.api.here.com/v3/3.0/mapsjs-ui.css" type="text/css" />');