Some examples of how to use google maps javascript API on a Ionic application and use HTML5 geolocation.

1. First you need to visit the google maps javascript API (https://developers.google.com/maps/documentation/javascript/) then get your key.
2. Second you need the api in your src/index.html, this https://maps.googleapis.com/maps/api/js?key=YOUR-KEY-HERE.

1. First example:

• On the html page i just put this div:

<div #map id="map"></div> 

• Some css

 #map { height: 100%; } 

• On typescript step, i have to do something first. Declare a google variable.

 declare const google; 

• Then i can use it.

 @ViewChild('map') mapElement: ElementRef; map: any; ionViewDidLoad() { let posMaceio = { lat: -9.648139, lng: -35.717239 } this.map = new google.maps.Map(this.mapElement.nativeElement, { zoom: 8, center: posMaceio, mapTypeId: 'roadmap' }); this.map.setCenter(posMaceio); } 

• I hope you enjoyed the first example

The MIT License (MIT). Please see License File for more information.