因此,我正在构建一个自定义主题,并实现了谷歌地图API,这样我可以给它一种比普通谷歌地图更干净的感觉,等等。
在通过jQuery实现标记时,我遇到了一个问题,但我似乎找不到一种方法来获取标记所在的文件夹。
不知何故,在jQuery文件中,我需要获取样式表目录uri,然后找到我的标记
Updated: 解决方案如下
地图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\';
功能。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\' );
最合适的回答,由SO网友:Milo 整理而成
将脚本排队并使用wp_localize_script
传递数据。
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\' );
然后您可以使用
WPD.stylesheet_dir
在脚本中获取在PHP中设置的值。
var marker_url = WPD.stylesheet_dir + \'/assest/imgs/map/cd-icon-location.png\';