Skip to content

03.md

Latest commit

 

History

History
46 lines (33 loc) · 1.76 KB

03.md

File metadata and controls

46 lines (33 loc) · 1.76 KB

Overview
Overview		 Prerequisites
Prerequisites		 HTML
HTML		 JavaScript
JavaScript		 Beyond
Beyond

HTML

Please copy the starting HTML template below and paste into your your code editor.

<!doctype html>
<html lang="en">
  <head>
    <title>HERE HTML Client v3.0</title>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, width=device-width" />
    <script src="http://js.api.here.com/v3/3.0/mapsjs-core.js" 
            type="text/javascript" charset="utf-8"></script>
    <script src="http://js.api.here.com/v3/3.0/mapsjs-service.js" 
            type="text/javascript" charset="utf-8"></script>
    <script src="https://js.cit.api.here.com/v3/3.0/mapsjs-ui.js" 
            type="text/javascript" charset="utf-8"></script>
    <script src="https://js.cit.api.here.com/v3/3.0/mapsjs-mapevents.js" 
            type="text/javascript" charset="utf-8"></script>
  </head>
  <body>

  </body>
</html>

Save the file as HEREJS.html.

The script tags contained in the head section provide access to the HERE JavaScript APIs used in this workshop. Inside the body tags of the HTML, copy and paste the following:

    <div id="mapContainer" style="width: 1024px; height: 768px; background: white;"></div>
    <script>

    </script>

The div element is essentially a placeholder for a map you will add later. The size of the map is defined within the style attribute. You will add JavaScript inside the script tags in the next section.