自定义主题中的WordPress Google地图

时间:2016-01-17 作者:Stephen

因此,我正在构建一个自定义主题,并实现了谷歌地图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\' );

1 个回复
最合适的回答,由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\';

相关推荐

JQuery php请求返回一个奇怪的结果

我有一个奇怪的小故障发生在我身上,我不知道我是如何产生它的,或者它是否是正常的。我正在开发自己的插件,当一个足球队/足球队被输入到一个框中时,它会检查它是否已经在数据库中。以下是我的代码行add_action( \'admin_footer\', \'fws_teamcheck_javascript\' ); function fws_teamcheck_javascript() { ?> <script type="text/javascript">