Hi there,

Google changed its privacy policy https://developers.google.com/maps/billing/important-updates#billing_changes and curently needs your billing details and a valid API http://www.cssigniter.com/docs/article/generate-a-google-maps-api-key/ you can add under Theme Settings->Google Options.

Hi, no it does not cost any money (Google will credit you ~200$ each month) , unless you  have a lot of traffic.

https://cloud.google.com/maps-platform/pricing/sheet/

Hi there,

can you explain more? What is Step by step?

Hi,

Check this http://www.cssigniter.com/docs/article/generate-a-google-maps-api-key/ for the API key.

Then navigate to the Developer Console (https://console.developers.google.com/) and add billing details here https://prnt.sc/lbfnme

Hi there,

Please have a look here https://cssigniter.ticksy.com//ticket/1729640/ on achieving this.

Hi there,
I am sorry! I included this here

 So open template-events.php and replace this

var marker, i;                               
 for ( i = 0; i < locations.length; i++ ) {   
         marker = new google.maps.Marker( {  
      position: new google.maps.LatLng( locations[i][1], locations[i][2] ), 
map: map  
  } ); 
  google.maps.event.addListener( marker, 'click', (function( marker, i ) { 
                                       return function() {          
                                  infowindow.setContent( locations[i][0] ); 
                                           infowindow.open( map, marker );   
                                     }                                   
 })( marker, i ) );                           
}

with this

var marker, i;                                
var markers=[];                                
for ( i = 0; i < locations.length; i++ ) {                                    
marker = new google.maps.Marker( {                                        
position: new google.maps.LatLng( locations[i][1], locations[i][2] ), 
map: map                                    
} );                                    
markers.push(marker)                                    
google.maps.event.addListener( marker, 'click', (function( marker, i ) {    
                                    return function() { 
                                          infowindow.setContent( locations[i][0] );  
                                          infowindow.open( map, marker );       
                                 }   
  })( marker, i ) );    
 }   
var bounds = new google.maps.LatLngBounds();       
for (var i = 0; i < markers.length; i++) {   
bounds.extend(markers[i].getPosition());
 }  
    map.fitBounds(bounds);

Open the default editor and then navigate to the /themes/acoustic/ folder to find the file.

If you decide to proceed with this modification I would suggest you create a child theme, copy over the files you are editing and make the modifications there. This will allow your changes to survive future theme updates. If you directly edit the theme’s files, all changes will be lost once you update. Have a look at this guide to learn more about child themes and how to create one www.cssigniter.com/ignite/beginners-guide-child-themes/