+ Start a Discussion
Justin FogelJustin Fogel 

Visualforce page works in Desktop not in Salesforce1

<apex:page sidebar="false" showheader="false" standardController="Account" extensions="FindNearbyAcctExt">
    
    <!-- Uncomment the line below, and include your Google's Maps API key in the script link -->
<apex:includeScript value="https://maps.googleapis.com/maps/api/js?key=AIzaSyDBi-pMAogoA7oz7NE_vA3WMdZAAC6d3VA&sensor=false" />
    
        
    <!-- Setup the map to take up the whole window -->
    <style>
        html, body { height: 100%; }
        .page-map, .ui-content, #map-canvas { width: 100%; height:100%; padding: 0; }
        #map-canvas { height: min-height: 100%; }
    </style>
<script>
 
 
        function initialize() {
            var lat, lon, work;
              work = "Worked";
             // Check to see if the device has geolocation
             // detection capabilities with JavaScript
             if (navigator.geolocation) {
                 navigator.geolocation.getCurrentPosition(function(position){
                     lat = position.coords.latitude;
                     lon = position.coords.longitude;                    
                     
                     // Use VF Remoting to send values to be
                     // queried in the associated Apex Class
                     Visualforce.remoting.Manager.invokeAction('{!$RemoteAction.FindNearbyAcctExt.getNearby}', lat, lon,
                         function(result, event){
                             if (event.status) {
                                 console.log(result);
                                 createMap(lat, lon, result);           
                             } else if (event.type === 'exception') {
                                 //exception case code          
                             } else {
                                            
                             }
                          },
                          {escape: true}
                      );
                  });
              } else {
                  // Set default values for map if the device doesnt
                  // have geolocation capabilities
                    /** San Francisco **/
                    lat = 37.77493;
                    lon = -122.419416;
                    
                    var result = [];
                    createMap(lat, lon, result);
              }
              
            function createMap(lat, lon, warehouses){
                // Get the map div, and center the map at the proper geolocation
                var currentPosition = new google.maps.LatLng(lat,lon);
                var mapDiv = document.getElementById('map-canvas');
                var map = new google.maps.Map(mapDiv, {
                    center: currentPosition,
                    zoom: 13,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                });
                
                // Set a marker for the current location
                var positionMarker = new google.maps.Marker({
                    map: map,
                    position: currentPosition,
                    icon: 'http://maps.google.com/mapfiles/ms/micons/green.png'
                });
                
                            
                // Keep track of the map boundary that holds all markers
                var mapBoundary = new google.maps.LatLngBounds();
                mapBoundary.extend(currentPosition);
                
                // Set markers on the map from the @RemoteAction results
                var warehouse;
                for(var i=0; i<warehouses.length;i++){
                    warehouse = warehouses[i];
                    console.log(warehouses[i]);
                    setupMarker();
                }
                
                // Resize map to neatly fit all of the markers
                map.fitBounds(mapBoundary);

               function setupMarker(){
                    var warehouseNavUrl;
                    
                    // Determine if we are in Salesforce1 and set navigation link appropriately
                            if( (typeof sforce != 'undefined') && (sforce != null) ){
                                //Salesforce1 Navigation
                                warehouseNavUrl = 'javascript:sforce.one.navigateToSObject(\'' + warehouse.Id + '\')';
                            } else {
                                //Set the windows URL using a VF expression
                                warehouseNavUrl =  '//'+ warehouse.Id;
                            }

                    
                    var warehouseDetails =
                        '<a href="/!{warehouse.Id}">' +
                        warehouse.Name + '</a><br/>' +
                        warehouse.BillingStreet + '<br/>' +
                        warehouse.BillingCity + '<br/>' +
                        warehouse.Phone;
                   
                   // Create the callout that will pop up on the marker     
                   var infowindow = new google.maps.InfoWindow({
                       content: warehouseDetails
                   });
                   
                   // Place the marker on the map   
                   var marker = new google.maps.Marker({
                       map: map,
                       position: new google.maps.LatLng(
                                       warehouse.Location__Latitude__s,
                                       warehouse.Location__Longitude__s)
                   });
                   mapBoundary.extend(marker.getPosition());
                   
                   // Add the action to open up the panel when its marker is clicked      
                   google.maps.event.addListener(marker, 'click', function(){
                       infowindow.open(map, marker);
                   });
               }
            }
         }

        
         // Fire the initialize function when the window loads
         google.maps.event.addDomListener(window, 'load', initialize);
      

</script>
    
    <!--  All content is rendered by the Google Maps code -->
    <!--  This minimal HTML justs provide a target for GMaps to write to -->
    <body style="font-family: Arial; border: 0 none;">
        <div id="map-canvas"></div>
    </body>
</apex:page>



It appears blank in Salesforce1 and doesn't even prompt for use of Location Services. It works perfect on desktop. Is the method for geolocation different on desktop and sf1?

Fixed issues of overall blank it was spacing issues.
The class for it is as follows:
global with sharing class FindNearbyAcctExt {

    public FindNearbyAcctExt(ApexPages.StandardController controller) {

    }


    public FindNearbyAcctExt (ApexPages.StandardSetController controller) { }

    @RemoteAction
    // Find warehouses nearest a geolocation
    global static List<Account> getNearby(String lat, String lon) {

        // If geolocation isn't set, use San Francisco
        if(lat == null || lon == null || lat.equals('') || lon.equals('')) {
            lat = '37.77493';
            lon = '-122.419416';
        }

        // SOQL query to get the nearest warehouses
        String queryString =
           'SELECT Id, Name, Location__Longitude__s, Location__Latitude__s, ' +
            'BillingStreet, Phone, BillingCity ' +
            'FROM Account ' +
            'WHERE DISTANCE(Location__c, GEOLOCATION('+lat+','+lon+'), \'mi\') < 20 ' +
            'ORDER BY DISTANCE(Location__c, GEOLOCATION('+lat+','+lon+'), \'mi\') ' +
            'LIMIT 10';

        // Run and return the query results
        return(database.Query(queryString));
    }
}

Here is the Salesforce1 App debug log. The error in it.  I am just so confused why it won't run in SF1.  It works 100% perfect on desktop but not on sf1 and I really need it to.  Thanks
 
2015/01/22 19:40:49:239 INFO|LoginWorkflow|Suspended => Resuming for [DidBecomeActive,EulaAccepted,LoggedIn,HasOrgSettings,!PasscodeNeeded,CreateUserInterface,PasscodeValid,BrandingReady,UserInterfaceReady,WillEnterForeground,!RevokeLogin,!LoginScreenNeeded] 2015/01/22 19:40:49:248 INFO|SFAnalytics|Localytics Tagging Event: App Launch Attributes: { Build = 3002938; "External App" = "Direct Launch"; Method = Direct; Target = "Default Screen"; Type = "N/A"; Version = "7.0.1"; } 2015/01/22 19:40:49:264 INFO|SFOfflineManager|SFOfflineManager is 1 2015/01/22 19:40:49:331 INFO|SFAnalytics|Localytics Tagging Screen: Settings 2015/01/22 19:40:49:340 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/connect/notifications/status 2015/01/22 19:40:49:340 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/connect/notifications/status 2015/01/22 19:40:49:341 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/connect/notifications/status 2015/01/22 19:40:49:349 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/connect/notifications/status 2015/01/22 19:40:49:354 INFO|LoginWorkflow|Resuming => BeginOAuth for [DidBecomeActive,EulaAccepted,LoggedIn,HasOrgSettings,!PasscodeNeeded,CreateUserInterface,PasscodeValid,BrandingReady,UserInterfaceReady,WillEnterForeground,!RevokeLogin,!LoginScreenNeeded] 2015/01/22 19:40:49:393 INFO|LoginWorkflow|BeginOAuth => PostLogin for [DidBecomeActive,EulaAccepted,LoggedIn,HasOrgSettings,!PasscodeNeeded,CreateUserInterface,PasscodeValid,BrandingReady,UserInterfaceReady,WillEnterForeground,!RevokeLogin,!LoginScreenNeeded] 2015/01/22 19:40:49:394 INFO|PNManager|registering with Apple for remote push notifications 2015/01/22 19:40:49:441 INFO|SFOfflineManager|SFOfflineManager is 1 2015/01/22 19:40:49:461 INFO|PSPublisher|Publisher is ENABLED 2015/01/22 19:40:49:508 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/chatter/users/005j000000BSJMH 2015/01/22 19:40:49:508 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/connect/organization 2015/01/22 19:40:49:510 INFO|CHActionExecuter|Submit action GET /services/data/v32.0/sobjects/Global/describe/layouts/ 2015/01/22 19:40:49:511 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/chatter/feeds 2015/01/22 19:40:49:512 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/connect/communities 2015/01/22 19:40:49:540 INFO|LoginWorkflow|PostLogin => AppReady for [DidBecomeActive,EulaAccepted,LoggedIn,HasOrgSettings,!PasscodeNeeded,CreateUserInterface,PasscodeValid,BrandingReady,UserInterfaceReady,WillEnterForeground,!RevokeLogin,!LoginScreenNeeded] 2015/01/22 19:40:49:544 INFO|CHActionExecuter|Submit action POST /services/data/v31.0/sobjects/MobilePushServiceDevice 2015/01/22 19:40:49:558 INFO|LoginWorkflow|AppReady => BrandingReady for [DidBecomeActive,EulaAccepted,LoggedIn,HasOrgSettings,!PasscodeNeeded,CreateUserInterface,PasscodeValid,BrandingReady,UserInterfaceReady,WillEnterForeground,!RevokeLogin,!LoginScreenNeeded] 2015/01/22 19:40:49:734 INFO|LoginWorkflow|BrandingReady => AppUIReady for [DidBecomeActive,EulaAccepted,LoggedIn,HasOrgSettings,!PasscodeNeeded,CreateUserInterface,PasscodeValid,BrandingReady,UserInterfaceReady,WillEnterForeground,!RevokeLogin,!LoginScreenNeeded] **2015/01/22 19:40:49:885 ERROR|SFNetworkOperation|Operation failed to perform GET "https://na16.salesforce.com/services/data/v31.0/sobjects/Network/describe": The requested resource does not exist 2015/01/22 19:40:49:891 ERROR|SFDefaultMetadataManager|failed to get get object information for Network, [The requested resource does not exist] 2015/01/22 19:40:49:893 ERROR|SFDefaultMetadataManager|unable to load the Network object because Error Domain=NSURLErrorDomain Code=404 "The requested resource does not exist" UserInfo=0x1b989260 {NSLocalizedFailureReason=NOT_FOUND, NSLocalizedDescription=The requested resource does not exist}

** 2015/01/22 19:40:50:216 INFO|SFOfflineManager|SFOfflineManager is 1 2015/01/22 19:40:50:245 INFO|SFOfflineManager|SFOfflineManager is 1 2015/01/22 19:40:50:251 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/connect/notifications/status 2015/01/22 19:40:50:252 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/connect/notifications/status 2015/01/22 19:40:50:827 INFO|PSPublisher|Quick actions from the server didn't change since last time 2015/01/22 19:40:51:563 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/connect/notifications/status

 
Bhanu MaheshBhanu Mahesh
Hi Justin,

Please check whether the page is enabled for salesforce mobile apps.

Check whether 'Available for Salesforce mobile apps' is checked or not

Regards,
Bhanu Mahesh
Justin FogelJustin Fogel
Yes it is.  It is impossible for a tab/app to show up in SF1 without it being enabled.  And I am showing a debug log from the SF1 app referencing my page.  The error is

 [DidBecomeActive,EulaAccepted,LoggedIn,HasOrgSettings,!PasscodeNeeded,CreateUserInterface,PasscodeValid,BrandingReady,UserInterfaceReady,WillEnterForeground,!RevokeLogin,!LoginScreenNeeded] 2015/01/22 19:40:49:734 INFO|LoginWorkflow|BrandingReady => AppUIReady for [DidBecomeActive,EulaAccepted,LoggedIn,HasOrgSettings,!PasscodeNeeded,CreateUserInterface,PasscodeValid,BrandingReady,UserInterfaceReady,WillEnterForeground,!RevokeLogin,!LoginScreenNeeded] **2015/01/22 19:40:49:885 ERROR|SFNetworkOperation|Operation failed to perform GET "https://na16.salesforce.com/services/data/v31.0/sobjects/Network/describe": The requested resource does not exist 2015/01/22 19:40:49:891 ERROR|SFDefaultMetadataManager|failed to get get object information for Network, [The requested resource does not exist] 2015/01/22 19:40:49:893 ERROR|SFDefaultMetadataManager|unable to load the Network object because Error Domain=NSURLErrorDomain Code=404 "The requested resource does not exist" UserInfo=0x1b989260 {NSLocalizedFailureReason=NOT_FOUND, NSLocalizedDescription=The requested resource does not exist}
2    
3    <b>** 2015/01/22 19:40:50:216 INFO|SFOfflineManager|SFOfflineManager is 1 2015/01/22 19:40:50:245 INFO|SFOfflineManager|SFOfflineManager is 1 2015/01/22 19:40:50:251 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/connect/notifications/status 2015/01/22 19:40:50:252 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/connect/notifications/status 2015/01/22 19:40:50:827 INFO|PSPublisher|Quick actions from the server didn't change since last time 2015/01/22 19:40:51:563 INFO|CHActionExecuter|Submit action GET /services/data/v31.0/connect/notifications/status</b>
Justin FogelJustin Fogel
Further interesting.  It works in https://na16.salesforce.com/one/one.app  The Web version of SF1 but not in the native app on iphone/ipad.  Any additional ideas?  I still think it has to do with something about session id and authentication.  Maybe something about my apex class?
Mohit Jain 12Mohit Jain 12
Hi Justin,

Yes, it looks like a sessionid issue.
Try Putting below script on top of your page, to maintain sessionId

<script type="text/javascript">__sfdcSessionId = '{!$Api.Session_Id}';</script>

Regards,
Mohit
Gautam Manchanda 12Gautam Manchanda 12
Hi Justin,

Were able to resolve this issue for I am also stuck at the same place as you were!

Thanks!