title: HERE Maps on Android freezes browser, breaking ajax requests on iOS
body: <p>I am using HERE Maps to show a map letting users choose a location of interest. It works fine on desktop, but on mobile devices I am experiencing some problems.</p>
  
  <p>On Android devices, if I create a map using</p>
  
  <pre><code>var map = new nokia.maps.map.Display(document.getElementById("map"), {
      // Initial center and zoom level of the map
      center: startCoordinate,
      zoomLevel: 5,
      components: [
        new nokia.maps.map.component.Behavior(),
        new nokia.maps.map.component.ZoomBar(),
        new nokia.maps.map.component.ScaleBar()
      ]
    }
  );
  </code></pre>
  
  <p>the browser freezes after a few seconds. You can test this at <a href="http://karmap.com" rel="nofollow">karmap.com</a>; try to scroll down to the very bottom to find the map. If I remove the code shown above the browser won't freeze anymore (but I won't get the map, of course).</p>
  
  <p>Another problem occurs, when loading the page on iOS devices; in the form at the bottom you can find an input box named "Place of Birth". After typing 3 letters or more I start an ajax request to find suitable city names. This doesn't work if I use the following code (right under the code snippet to create the map):</p>
  
  <pre><code>map.removeComponent(map.getComponentById("zoom.MouseWheel"));
  map.set("baseMapType", map.SATELLITE); // Activates satellite imagery on the display
  </code></pre>
  
  <p>If I comment that code out, the ajax calls work fine.</p>
  
  <p>For me, that is some strange side effect! Does anyone have a clue what is going on?</p>
  
  <p>Thanks for any help or advice!</p>