Skip to main content
Question

How to show a satellite view using Lat./ Long. jQuery getLocation?

  • July 4, 2017
  • 0 replies
  • 203 views
I have the geo-location portion working in my app.  I can get a Google Map drawing of the coordinates.  What I would like to do is be able to show a satellite view of the image.  I have looked through the Google API, but I haven't found a way to switch views.  I would have thought the button to switch between maps and satellites would have been included.

FYI-I based my build of the GEOLOCATION app in the QB Exchange.

Thanks!
    This topic has been closed for replies.

    • MCFNeil
    • Registered
    • July 6, 2017
    Are you looking for this toggle in a report of multiple locations? or the mini map that is displayed on the form? or an all together different location?
    • ArchiveUser
    • Author
    • Registered
    • July 6, 2017
    The preference is to just show the satellite image instead of the map image in the form itself.  Next option is a toggle in the corner of the map like that found on a Google Maps display, the one in the corner.

    The top image is how QB shows maps based on the Address field.  The bottom is from the Geolocation app in the Exchange.





    GEO.JS HTML Page 
    jQuery(document).ready(function getLocation()
      {
      if (navigator.geolocation)
        {
        navigator.geolocation.getCurrentPosition(showPosition);
        }
      
    var test = $.ajax({url: url,async:false,success: pushResult}).responseText;
       return false;
    });
    function showPosition(position){
          var editURL = "";
          editURL = "bmvifd7ns";
          editURL += "?act=API_EditRecord&key=" + QBU_recid;
          editURL += "&_fid_12=" + position.coords.latitude;
          editURL += "&_fid_13=" + position.coords.longitude;
         
          $.ajax({url: editURL,async:false});
          location.reload(true);
     }

    The formula in the MAP field that is shown in bottom pic.

    If([PCC Latitude]=0,
    "Location Not Found!",
    "<img src= \"http://maps.google.com/maps/api/staticmap?center="&[PCC Latitude]&"+"&[PCC Longitude]&"zoom=14&size=400x400\n&markers=color:blue%7Clabel:S%7C"&[PCC Latitude]&"+"&[PCC Longitude]&"&sensor=false\" alt=\"\"/>")
    • DanLadner1
    • Registered
    • July 6, 2017
    Try modifying the "Show Map" formula like so:

    If([Latitude]=0,
    "Location Not Found!",
    "<img src= " &
    "https://maps.googleapis.com/maps/api/staticmap?"; &
    "center="&[Latitude]&"+"&[Longitude] &
    "&zoom=14" &
    "&size=400x400" &
    "&maptype=satellite" &
    "&markers=color:blue%7Clabel:S%7C"&[Latitude]&"+"&[Longitude] &
    ">"
    )
    • ArchiveUser
    • Author
    • Registered
    • July 6, 2017
    That worked like a charm, though I had to remove the semicolon.

    I looked in the Google Maps API again now that I know exactly what to look for, and sure enough there was my answer (said with self frustration).

    Here is the final formula I used:
    If([Latitude]=0,  "Location Not Found!",  "<img src=" &   "http://maps.google.com/maps/api/staticmap?"&  "center="&[Latitude]&"+"&[Longitude]&  "&zoom=17"&  "&size=400x400"&  "&maptype=satellite"&  "&markers=color:red%7Clabel:%7C"&[Latitude]&"+"&[Longitude]&">")

    Thanks!
    Terms & ConditionsAccessibility statement