Google Maps

Ionic 6 Google Map, Geocoder & Places Search, Draggable Marker Tutorial

In this Ionic 5/6 tutorial, you will learn how to add Google Maps in the Ionic application using the latest @angular/google-maps package module by following a few easy steps. Google Maps implementation tutorial using @angular/google-maps 2022. The Google Map will have places search bar and Geocoder to display the address where the marker is dragged. …

Ionic 6 Google Map, Geocoder & Places Search, Draggable Marker Tutorial Read More »

Ionic 4/5 Angular Google Maps with Places Search using @agm

In this tutorial, we will learn how to add Google Maps in an Ionic application using a powerful package @agm. The @agm package provides directive components to easily add Maps, Markers and Geometric shapes like Radius on Google Maps in Angular applications. Here we will use the power of this great package to implement Google …

Ionic 4/5 Angular Google Maps with Places Search using @agm Read More »

Angular Google Maps | Draggable Radius Circle to show Markers using @agm Tutorial

Google Maps can be easily implemented in an Angular project using the @agm package as we have already discussed here. In this tutorial, we will focus on adding a Circle Radius in the map to limit the markers shown to the user. A user can control up to how far the markers/ locations should be …

Angular Google Maps | Draggable Radius Circle to show Markers using @agm Tutorial Read More »

Angular Google Maps in Modal | Autocomplete & Select Location, Latitude, Longitude, Address

Compatible from Angular 2 to latest version 9 Angular Google Maps package provides fully featured integration of Javascript-based Google Maps in Angular Applications. Here we will discuss how to: Install Google Maps and Add API Keys Add Dynamic Google Maps in a Component Add Location Search Filter Draggable Marker Zoom Control Get Lattitude and Longitude …

Angular Google Maps in Modal | Autocomplete & Select Location, Latitude, Longitude, Address Read More »

Ionic 5|4 Google Maps JavaScript API, Geolocation, Geocoder in Ionic Native Application

In this Ionic 5 tutorial, we’ll implement Google Maps using Javascript API library and display current position with a location marker and address of the location. To build Google Maps in Ionic 5 application we’ll use Geolocation and Geocoder plugins to locate current coordinates and address. In the previous post, we discussed how to get …

Ionic 5|4 Google Maps JavaScript API, Geolocation, Geocoder in Ionic Native Application Read More »

Scroll to Top