Smart Map has been replaced by Google Maps
As of February 2021, the Smart Map plugin has been completely rebuilt and replaced with the new Google Maps plugin for Craft CMS. For more details, see here...
The documentation below is for historical reference only.
# The map isn't appearing at all
Check your DOM to see if the map container has been generated. If it has, then you're probably facing a simple CSS issue. By default, the
height of a div will be zero... So even though the container is there, it isn't visible.
# Ways to fix it:
- Add a
heightvalue to your map options.
- Set the height of
.smartmap-mapcanvasin your CSS.
# It says "Loading map..." but the map never loads
# Way to fix it:
# I can see the map, but it isn't fully loading
It's possible that you are simply missing Google API keys.
- Learn how to get Google API keys...
# I'm loading the map inside a hidden element
The above code assumes that your map ID is set to the default
smartmap-mapcanvas-1. If not, simply replace that string with your actual map ID.