Why my Complete HTML Example Page Why doesn't work?

Question

I'm starting with the HERE APIs, but in the first example my code is not working. I've reviewed and refacted it, but when I update my browser, nothing appears. Can you help me please?

<!DOCTYPE html>
<html>

<head>
  <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>
</head>

<body>
  <div style="width: 640px; height: 480px" id="mapContainer">
    <script>
      // Initialize the platform object:
      var platform = new H.service.Platform({
        'app_id': '{xxx}',
        'app_code': '{xxx}'
        // I have a valid ID and a CODE.
      });

      // Obtain the default map types from the platform object
      var maptypes = platform.createDefaultLayers();

      // Instantiate (and display) a map object:
      var map = new H.Map(
        document.getElementById('mapContainer'),
        maptypes.normal.map, {
          zoom: 10,
          center: {
            lng: 13.4,
            lat: 52.51
          }
        });
    </script>
  </div>
</body>

</html>

Hi @UlissesSchulzRealinoLima, welcome on SO! Can you elaborate on what is not working? Specifically, do you see any error in the javascript console? Do you see map images being downloaded in the network panel of the browser developer tools? — Michel, Oct 09 '18 at 22:20
[debugging - How can I debug my JavaScript code?](https://stackoverflow.com/questions/988363/how-can-i-debug-my-javascript-code) — Andreas, Oct 10 '18 at 14:51

score 1 · Answer 1 · answered Oct 10 '18 at 09:56

Please check in your browser developer tools (network and console tab) for any type of errors you get. It will help you understand more about the issue you are facing. If your issue is similar to something like below then try this solution:

Security Error: If your browser complains about the Javascripts you have included try using there https version like below

<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-core.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.0/mapsjs-service.js"></script>

If you are seeing some other error then paste the error for us to help you better.

score 0 · Answer 2 · answered Oct 14 '18 at 09:59

Is there any error on the console?. I pasted your code inside of my editor and it work normally. One thing that you might be doing it wrong could be that you are placing the '{yourkey}' with the {} instead of 'yourkey'. You don't need the { }. Other than that, I can't seem to see what the problem would be.

Why my Complete HTML Example Page Why doesn't work?

2 Answers2