Google Maps provide in-depth information each and every street on earth, it proves a good way to show your location or multiple locations on Google Map and not only this, but we can also embed this Map with Multiple Markers and Info Windows to show Information on Click or Hover.
Category: Google Maps
Ionic 3/4 | Adding Google Maps SDK Cordova Plugin in Ionic 4 Application
As we have already discussed How to Add Google Maps using JavaScript API in Ionic Applications, in this post we will implement Google Maps Cordova plugin using SDK. In comparison to JavaScript API Native SDK, Google Maps are more fast and efficient in terms of performance in mobile applications. Ionic Native Google Maps have more features which we can implement in a fully featured mobile application with Google Maps like in Native Android or IOS applications. We can easily implement following in Google Maps using this Native Cordova plugin.
Continue reading Ionic 3/4 | Adding Google Maps SDK Cordova Plugin in Ionic 4 Application
Ionic 4 | Add Google Maps JavaScript API, Geolocation and Geocoder in Ionic 4 Native Application
In the previous post, we discussed how to get location coordinates using Geolocation and then converting those coordinates into understandable addresses. But adding a map in a mobile application really adds much value making it more useful and interactive. Google Map API can be used to add fully featured maps anywhere, In this post, we will implement Maps in Ionic 4 Application and also use Geolocation and Geocoder plugin to fetch device location then fetch Address available for those coordinates we get.
What are Plus Code by Google?
Here in India people are facing so much trouble due to heavy rainfall and floods, due to a large area and heavy destruction by large volumes of water floods rescue operations are also facing trouble to reach internal locations for rescue operations. Today Google to help out people of Kerala gave a statement to help people stuck in internal flood ridden arear, Google told people to use Pulse Code to rescue operation helpline numbers, as there is also network problem no Internet no Wifi so that using that Pulse Code rescue people would reach out them to help.
Resolved! Uncaught (in promise) DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported
In my previous post, we created a Google Map Static API image using a Get URL. In one of my project, there was a requirement of HTML conversion into PDF document. So I wanted to add that Map Image into that PDF document. I used html2canvas and jsPDF libraries for that.
When I was trying to convert an HTML section with Google Static Map Image into the canvas, I faced a strange issue.
Uncaught (in promise) DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported.
Convert Google Map into Image with Markers and Paths.
In one of my application, there was a google map showing the route of a person traveled in a selected day. I was trying to convert that HTML section into downloadable PDF format, which should have that dynamic map as well. So I tried to convert that HTML section into the canvas, but unfortunately as google maps are loaded in iframes, so I was not able to get an actual map there was only icon and polylines which I marked to show the path.
Continue reading Convert Google Map into Image with Markers and Paths.
