integrate Mapbox into Shopify

New Member
1 0 0

Hello everybody!

I have an online store with a Mapbox integrated: 
https://www.sono-e.com/collections/map-collection/products/create-your-own-map

I am interested to add an input search and to export a static image from the mapbox. I succeed to do it in a independent index.html file. 

When I try to do it in my online store, it doesn't work. I know that it's possible because someone done it before me: 

https://taliasari.com/products/you-are-here-create-a-map?variant=3460178608155

 

My questions are:

1. Is index.liquid = index.html? because I need to add to the <head> several scripts and css.links.
2. If not, where should I paste those scripts and links?
 

<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.47.0/mapbox-gl.js'></script>

<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.47.0/mapbox-gl.css' rel='stylesheet' />

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v2.3.0/mapbox-gl-geocoder.min.js'></s...

<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v2.3.0/mapbox-gl-geocoder.css' type='text/css' />

Thanks

0 Likes
Tourist
15 0 1

Hello.  Curious to know if you found a solution to this issue?

0 Likes