Jump to content
View in the app

A better way to browse. Learn more.

FMForums.com

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Webviewer and GoogleMaps with Developer overlay

Featured Replies

Hi, 

for some time now my previous webviewer showing lat- lon coordinates is showing an overlay

stating this website cannot be loaded correctly. I checked my api key if its working, 

if my google account has billing enabled and if the java is enabled. However, still the overlay persists.

This is my code in the webviewer. Would anyone know what is wrong? I spent 4 hours looking but unfortunately I am not finding an answer.

 

Thank you.

SetzeVar ( [
lat =  Readasurlencoded ( lat );
lng =  Readasurlencoded ( lon ))
];
"<!DOCTYPE html>
<html>
  <head>
    <title>Simple Map</title>
    <meta name=\"viewport\" content=\"initial-scale=1.0\">
   <meta charset=\"utf-8\">
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <div id=\"map\"></div>
    <script>
      var map;
      function initMap() {
var myLatLng = {lat: " & lat &", "&"lng: "& lng &"};
        map = new google.maps.Map(document.getElementById('map'), {
          center: myLatLng,
          zoom: 17
        });
var marker = new google.maps.Marker({
          position: myLatLng,
          map: map,
          title: 'Hello'
        });
      }
    </script>
    <script src=\"https://maps.googleapis.com/maps/api/js?key=" & MYAPIKEY & "&callback=initMap\"
    async defer></script>
  </body>
</html>"

 

Bildschirm­foto 2022-11-24 um 19.33.21.png

  • Author

Thank you!

I did see that post on the community forum. 

If I use the code and open the map via Filemaker or Filemaker Go, the website displays fine, however on

Chrome, Firefox and Safari on web direct, it only renders a while rectangle.

I am unfortunately stuck. 

Create an account or sign in to comment

Important Information

By using this site, you agree to our Terms of Use.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.