-
-
Save plugn/dc434ed4b1e0661cef8255b66a37b25e to your computer and use it in GitHub Desktop.
here maps js api // source http://jsbin.com/tadipi
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name="viewport" content="initial-scale=1.0, width=device-width" /> | |
| <link rel="stylesheet" type="text/css" | |
| href="https://js.api.here.com/v3/3.0/mapsjs-ui.css" /> | |
| <script type="text/javascript" charset="UTF-8" | |
| src="https://js.api.here.com/v3/3.0/mapsjs-core.js"></script> | |
| <script type="text/javascript" charset="UTF-8" | |
| src="https://js.api.here.com/v3/3.0/mapsjs-service.js"></script> | |
| <script type="text/javascript" charset="UTF-8" | |
| src="https://js.api.here.com/v3/3.0/mapsjs-ui.js"></script> | |
| <script type="text/javascript" charset="UTF-8" | |
| src="https://js.api.here.com/v3/3.0/mapsjs-mapevents.js"></script> | |
| </head> | |
| <body> | |
| <div id="map" style="width: 100%; height: 400px; background: grey" /> | |
| <script type="text/javascript" charset="UTF-8" > | |
| /** | |
| * Moves the map to display over Berlin | |
| * | |
| * @param {H.Map} map A HERE Map instance within the application | |
| */ | |
| function moveMapToBerlin(map){ | |
| map.setCenter({lat:52.5159, lng:13.3777}); | |
| map.setZoom(14); | |
| } | |
| /** | |
| * 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 - not specificing a location will give a whole world view. | |
| var map = new H.Map(document.getElementById('map'), | |
| defaultLayers.normal.map); | |
| //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)); | |
| // Create the default UI components | |
| var ui = H.ui.UI.createDefault(map, defaultLayers); | |
| // Now use the map as required... | |
| moveMapToBerlin(map); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment