question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Sprig with Smart Map

See original GitHub issue

Question

Craft 3.5.17.1 Sprig 1.3.0 Smartmap 3.3.5

I’m attempting to sprigify a page with entry pagination and a google map powered by smart maps.

Pagination and form filtering are working fine with the entries listed on the page. However when clicking through pagination or filtering the map goes blank.

image

I’ve place the sprig attribute in the div wrapping wher ehte smartmap code goes but that doesn’t seem to be helping.

see code:

{# Map #}
<div class="relative flex-100 md:mt-header mapped" sprig>

  {# more code here #}

  {# {% set locations = craft.entries.section('projects').all() %} #}
  {% set locations = entryQuery.all() %}
  {{ craft.smartMap.map(locations, options) }}

  {% include 'maps/_map-styles' %}

</div>
{# end map #}

Do I need to add the sprig attribute to the smartmap.map tag? There doesn’t appear to be an option to add attributes https://plugins.doublesecretagency.com/smart-map/customizing-the-map-in-twig/#map-options

Additional context

Add any other context or screenshots about the support request here.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
lindseydiloretocommented, Feb 26, 2022

This thread is a bit old, but I think two important updates need to be mentioned…

For more info, ping Double Secret Agency. 👍

0reactions
lindseydiloretocommented, Feb 11, 2021

@ConversioniaDev The solution relies on an upcoming beta version of Smart Map. If you’d like a copy of the beta, feel free to DM me on Discord (or email support@doublesecretagency.com).

Alternatively, you could just wait about 2 weeks for me to release it publicly. 😉

Read more comments on GitHub >

github_iconTop Results From Across the Web

Sprig filter with a Google Map · Issue #107 - GitHub
I'm using the beta version of SmartMap which appears to be working fine until a Sprig filter is applied. Here is a stripped...
Read more >
Proximity Search with Sprig | Google Maps plugin for Craft CMS
Add a reactive proximity search with the help of Sprig! The map and results will update automatically whenever the search criteria changes.
Read more >
Outstanding Vietnamese food in... - Sprig and Sprout
Sprig & Sprout is the perfect spot to fill up on your favorite vietnamese foods: Pho, Ban mi, Bo-bhuns, all fresh staples available...
Read more >
Roomba® & Braava® | How to Customize Your Smart Map
Use these simple steps to customize the map for Roomba® or Braava®.If you require further assistance in customizing your map please contact ...
Read more >
The 3 Golden Rules of Building Customer-Centric Product…
Create a user experience map to nail down the user journey. User experience maps layout the path a user is meant to take...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found