jQuery Google Map not rendering

[Joni de Campos]

I just created a new page and insert a Map component.

I have set up the google Maps API Key in the APP Setting page, but the map does not render.

Initializing the map with the following code does not work:

var directionsDisplay;

function initialize()
{
console.log('Initializing...');

Code: Select all

 //alert("Inicializando o mapa"); 

 map = Apperyio("google_map").gmap; 

 if (!map)  
 { 
     setDelay(); 
 } else  
 { 
     directionsDisplay = new google.maps.DirectionsRenderer(); 

 } 

}
function setDelay() {
setTimeout(initialize, 50);
}

[Serhii Kulibaba]

Hello Joni,

Please check if there are any errors in the browser console. You can learn here: https://docs.appery.io/docs/using-bro... how to open the console.

[Joni de Campos]

[Joni de Campos]

Found the problem...I am using Render all pages in one HTML file (jQuery Mobile multi-page template) project option.

Unckeck this options then the Map appears.

If you check the option again...then the Map now still works.

Please close this question.

Thanks Sergiy.