Afficher la carte sur le site côté utilisateur avec un shortcode Shortcode

1. Ajouter l’appel JavaScript à l’API Google Maps JavaScript Google

Pour afficher une carte, appelez le fichier JavaScript de l’API Google Maps dans la méthode gmap_front_js_css(), pour l’ajouter avant la balise HTML de fermeture </body>, n’oubliez pas d’insérer votre clé d’API Google :

function gmap_front_js_css(){ 
wp_enqueue_script('google_map_js','https://maps.googleapis.com/
maps/api/js?key=YOUR_API_KEY&callback=initMap','','1.0',true);  
} 

Puis, ajoutez le hook d’action wp_enqueue_scripts pour appeler le fichier :

add_action('wp_enqueue_scripts', array($inst_map, 
'gmap_front_js_css')); 

2. Créer des shortcodes pour chaque carte

Créez des shortcodes en leur passant des paramètres (voir le chapitre WordPress et PHP, section Les shortcodes). Passez l’id dans la fonction du shortcode. Le résultat du shortcode doit être de cette forme :

[mygmap id="id_de_la_carte" ] 

Ajoutez la fonction créant le shortcode en dehors de la classe, avec les hooks d’action :

if(function_exists('add_shortcode')){  
 add_shortcode('mygmap',array($inst_map, 'gmap_shortcode')); 
} 

Créez la méthode gmap_shortcode(), utilisez $att comme argument, puis récupérez l’id de cette façon :...