Share
ReportHi,
I want to know will it be possible to add/integrate Google Maps in Powerapps.
Thanks.
*This post is locked for comments
You’re offline. This is a read only version of the page.
Hi,
I want to know will it be possible to add/integrate Google Maps in Powerapps.
Thanks.
*This post is locked for comments
Hi Dinoop,
I don't know if this is a CRM related question. You could also check this forum powerusers.microsoft.com which is better suited for PowerApps related questions.
HOW TO EMBED A BASIC GOOGLE STATIC MAP IMAGE IN YOUR POWERAPPS APPLICATION:
GET YOURSELF A GOOGLE DEVELOPER API KEY...
BROWSE to console.developers.google.com
LOGIN with your google account (if you DON'T yet have a google account [eg. markevogt@gmail.com], then go get one)
=> your browser displays the default Google Developer Console (console.developers.google.com/.../projects)
CLICK on button "Create Project"
=> Create Project Dialog Box displays
ENTER a new name which identifies to Google what this API key will be used to access;
for my PowerApps mobile application, I called my associated Google project "WP Reporter",
since this is a little waypoint-capturing mobile app;
=> on-the-fly a new unique GoogleProjectID will be generated and displayed right in the dialog box; I DON'T know
how important it is to keep this ID secure, so I'll lie and say it is "snugglyrabidchinchilla123";
CLICK "Create Project" button on dialog box
=> Google Developer Console provisions a new "google project" and displays it in a list
NAVIGATE to the Google Console Project Page for this project
CLICK on the Dashboard tab
CLICK on button "Enable API" (which DOESN'T actually enable any API)
=> Library tab auto-selects, and a list of ALL of Google APIs are displayed
NAVIGATE/FIND the API named Google Static Maps API
CLICK on the link to Google Static Maps API
=> Google Static Maps API "Enablement" Page displays
CLICK on button "Enable"
=> the page updates its content
CLICK on button "Create Credentials"
=> the AddCredentialsToYourProject Page displays
CLICK on button "What Credentials Do I Need?"
=> Google GENERATES a new API key - yay !!!
Here's what a key looks like (deliberately polluted slightly): AIzaSyAF9Mh6B7EKgbSc_Riur9fodXwovTrfy38
CLICK "Done" button
=> you now have a Google "project" - more like a virtual "usage account" pretty much used by Google to CONTROL (throttle, admin, etc) how much of Google cool resources you use. YOU reference this API key in your URL, Google parses this API key out of the URL, then uses it to look up the "project", see how many requests you've made, and eventually THROTTLES how many requests it permits... that sort of control
USE YOUR NEW GOOGLE DEVELOPER API KEY IN A BROWSER...
COMPOSE a URL query which calls the Google Static Maps API, and includes your API key as a querystring parameter:
maps.googleapis.com/.../staticmap;zoom=18&size=600x600&key=AIza...
PASTE this into a browser to confirm it works (remember I POLLUTED the API key here)
NOW IN YOUR POWERAPPS PROJECT...
ADD a new screen
ADD an Image control to the screen
CONFIGURE the "Image" property of the Image control with this same URL - WRAPPED IN DOUBLE QUOTES:
"maps.googleapis.com/.../staticmap;zoom=18&size=600x600&key=AIza..."
=> the image will update in REAL-TIME (that's what PowerApps "data flow" live data binding is handy for) :-)
LATER...
REPLACE all hard-coded references to a LAT/LONG with PowerApps "Location.Latitude" and "Location.Longitude", and you'll be capturing not only LAT/LONGs in your mobile app, but you'll have a nice image to CONFIRM you got the location right.
Hope others benefit from this newbie step-through!
:-)
#1
André Arnaud de Cal...
292,516
Super User 2025 Season 1
#2
Martin Dráb
231,409
Most Valuable Professional
#3
nmaenpaa
101,156
All responses (
Answers (
