将 wordpress template_directory_uri() 传递给 acf-maps.js

Question

我似乎无法弄清楚。

我正在使用带有高级自定义字段和自定义帖子类型的 Wordpress，以便显示与这些自定义帖子类型关联的位置的地图。

我正在使用 MarkerClusterer 并希望为其自定义图标，并且不想硬编码图像的路径。

我知道我应该使用 wp_localize 但不知道该怎么做。

我的主题文件夹中有一个 functions.php 文件，我认为我必须将 template_directory_uri() 作为变量传递。

我的主题文件夹中有一个 /js/acf_maps.js 需要读取该变量，也就是说，而不是在 js 文件中硬编码：

url: 'http://mysite/wp-content/themes/mytheme/img/clustercustomicon.png'

我想拥有

http://mysite/wp-content/themes/mytheme/

作为变量传递，只添加自定义图标的相对路径。

希望这是有道理的。 谢谢。

Answer 1

我更喜欢使用 wp_localize_script 传递变量。

$array['theme_url'] = template_directory_uri();
wp_localize_script( 'enqueue_handle', 'variable', $array);

然后在 javascript 中使用 variable.theme_url 访问变量。

http://codex.wordpress.org/Function_Reference/wp_localize_script

Answer 2

如果你创建一个全局 javascript 变量，你将能够在其他 js 文件中访问它

var theme_url = '<?php echo template_directory_uri(); ?>';

在js文件中，

var icon = window.theme_url+'/img/clustercustomicon.png';