1

我正在编写 Shopify 主题,我需要在我的一个模板中使用带有自定义指针的 Google 地图。

我在使用 Javascript 文件时遇到问题,asset_url因此我可以正确链接到我的新指针/标记图形。关于我做错了什么的任何指示?

我尝试了以下两种方法,但都没有奏效:

var image = {
  url: "url({{ 'gr_gm-pointer.png' | asset_url }})"
  ...etc
};

var image = {
  url: url({{ 'gr_gm-pointer.png' | asset_url }})
  ...etc
};

我是 javascript 和 Liquid 的新手,所以任何帮助都将不胜感激。提前谢谢你的帮助。

4

3 回答 3

0

您确定该资产存在于您的主题中吗?在引用这样的资产时,我所有使用 js.liquid 文件的测试都可以正常工作。

于 2013-06-23T16:20:30.303 回答
0

仅当您在 .liquid 文件中编写脚本时,它才起作用;

<script>
....
....append('<img src=\"{{ 'ajax-loader.gif' | asset_url }}" />');
....
</script>

或者这里有另一种解决方案;

https://ecommerce.shopify.com/c/ecommerce-design/t/hardcoding-asset-url-s-is-it-safe-31768

于 2017-02-20T08:32:06.193 回答
0

这很旧,但我一直在努力解决这个问题并找到了解决方案,所以我想我会发布一个答案。谷歌地图标记对象有一个图标属性,你可以像这样在液体中调用它:

var marker = new google.maps.Marker({
      position: latLng,
      map: map,
      icon: '{{ 'your-icon.png' | asset_img_url: '60x' }}'
于 2019-03-01T17:50:17.227 回答