title: Google Map API for Ionic app
body: <p><strong>THE SITUATION:</strong></p>
  
  <p>I need to include a Google map inside my Ionic app.</p>
  
  <p><strong>SETTING UP THE MAP:</strong></p>
  
  <p>In order to test it I have done the following steps:</p>
  
  <ol>
  <li>Registering in <a href="https://console.developers.google.com">Google Console Developer</a></li>
  <li>Enable Google Maps JavaScript API</li>
  <li>Get API key as Browser key</li>
  <li><p>Add the script to index.html:</p>
  
  <pre><code>&lt;script src="http://maps.google.com/maps/api/js?key=MY_API_KEY&amp;sensor=true"&gt;&lt;/script&gt;
  </code></pre></li>
  <li><p>Create a map div and related css:</p>
  
  <pre><code>&lt;div id="map" data-tap-disabled="true"&gt;&lt;/div&gt;
  
  #map {
      width: 100%;
      height: 100%;
  }
  </code></pre></li>
  <li><p>Make a basic map centered in the geolocation of the user:</p>
  
  <pre><code>.controller('MapCtrl', function($scope, $state, $cordovaGeolocation) {
      var options = {timeout: 10000, enableHighAccuracy: true};
  
      $cordovaGeolocation.getCurrentPosition(options).then(function(position){
  
      var latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
  
      var mapOptions = {
        center: latLng,
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
  
      $scope.map = new google.maps.Map(document.getElementById("map"), mapOptions);
  
    }, function(error){
      console.log("Could not get location");
    });
  });
  </code></pre></li>
  </ol>
  
  <p><strong>THE ISSUE:</strong></p>
  
  <p>It is working fine, but this was for test purpose in the browser.
  When i have tested it in the app or in the emulator (Genymotion) the map is not even opening.
  Of course the reason it may be simple: because i have a browser key.</p>
  
  <p>But i have tried other keys and is not opening anyway.</p>
  
  <p>Since the code is correct, the questions are:</p>
  
  <ol>
  <li>Which type of Google Map i have to enable to have a Google Map in my Ionic app that works fine for both Android and Ios?</li>
  </ol>
  
  <p>Is Google Maps JavaScript API the correct choice?</p>
  
  <ol start="2">
  <li>Which kind of key i have to get between server key - browser key - android key - ios key ? Does the browser key works for native apps?</li>
  </ol>
  
  <p>Thank you!!</p>