javascript - .js.liquid ファイル内で asset_url を使用する

Question

Shopify テーマをコーディングしていますが、テンプレートの 1 つでカスタムポインターを使用して 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と液体の両方の初心者なので、どんな助けでも大歓迎です。よろしくお願いいたします。

score 0 · Accepted Answer

アセットがテーマに存在することを確認しますか? そのようなアセットを参照すると、js.liquid ファイルを使用したすべてのテストが正常に機能します。

score 0 · Accepted Answer

これは古いですが、これに苦労していて解決策を見つけたので、回答を投稿することにしました。Google マップマーカーオブジェクトには icon プロパティがあり、次のようにリキッドで呼び出すことができます。

var marker = new google.maps.Marker({
      position: latLng,
      map: map,
      icon: '{{ 'your-icon.png' | asset_img_url: '60x' }}'

3 に答える 3