WordPress Google Maps im benutzerdefinierten Thema

Also baue ich ein benutzerdefiniertes Thema und implementiere das Google Map API, damit ich es sauberer machen kann und so weiter mit der normalen Google Map.

Ich habe bei der Implementierung meines Markers auf ein Problem gestoßen, als ich den Marker über jQuery implementiere, aber ich finde keinen Weg, den Ordner zu finden, in dem sich mein Marker befindet.

Irgendwie muss ich in meiner jQuery-Datei das Stylesheet-Verzeichnis uri holen und dann meinen Marker finden

Aktualisiert : Lösung unten

map.js:

jQuery(document).ready(function($){ //set your google maps parameters var latitude = 52.4680166, longitude = -1.8922481, map_zoom = 16; // Marker Location var marker_url = WPD.stylesheet_dir + '/assest/imgs/map/cd-icon-location.png'; 

functionen.php:

 // Locate Map Marker function wpd_scripts() { // Fetching the Location wp_enqueue_script ( 'wpd_script', get_stylesheet_directory_uri() . '/assest/imgs/map/cd-icon-location.png', null, null, false ); // Localize the Marker wp_localize_script ( 'wpd_script', 'WPD', array( 'stylesheet_dir' => get_stylesheet_directory_uri() ) ); } add_action( 'wp_enqueue_scripts', 'wpd_scripts' ); 

Solutions Collecting From Web of "WordPress Google Maps im benutzerdefinierten Thema"

Setzen Sie Ihr Skript in die wp_localize_script und verwenden Sie wp_localize_script , um Daten zu übergeben.

 function wpd_scripts() { wp_enqueue_script( 'wpd_script', get_stylesheet_directory_uri() . '/js/script.js', null, null, false ); wp_localize_script( 'wpd_script', 'WPD', array( 'stylesheet_dir' => get_stylesheet_directory_uri() ) ); } add_action( 'wp_enqueue_scripts', 'wpd_scripts' ); 

Sie können dann WPD.stylesheet_dir in Ihrem Skript verwenden, um den Wert zu erhalten, den Sie in PHP festgelegt haben.

 var marker_url = WPD.stylesheet_dir + '/assest/imgs/map/cd-icon-location.png';