You are here: Foswiki>APPX Web>DeveloperTips>Googlemap (09 Jul 2019, JeanNeron)Edit Attach

Displaying Google Maps in the HTML client

Google does not allow any of their website to be loaded in an iframe in a web browser. It works in the java client because the client ignores the data that tells a modern web browser not to allow the address to load in a iframe. Since the HTML client runs in a browser, the map will not display when run. The code to pull the map up needs to be reworked to work with an iframe on html page in web browser.

First, Google requires api key (This requires setup similar to what you need for calendar & gmail).

Then you need to use a web browser widget and URL like:

https://www.google.com/maps/embed/v1/place?q=195 North 1950 West,Salt lake city, ut, 84116&zoom=15&key=<your key>

Website references:
-- https://console.developers.google.com -- enable maps api & create key for it
-- https://developers.google.com/maps/documentation/embed/ -- example of embedded map

-- %USERSIG{JeanNeron - 2019-07-09}%

Comments

 
Topic revision: r1 - 09 Jul 2019, JeanNeron
This site is powered by FoswikiCopyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback