Why are the labels on my map misplaced or misized?

This happens when the width of the parent div changes while the map is loading. So, other scripts are conflicting with the map while it loads. If you load the map on window load it should solve the problem. You can do that with this embedding code:

<script src="YourMapdata.js"></script>  <script>simplemaps_usmap_mapdata.main_settings.auto_load = 'no';</script>  <script src="YourUsMap.js"></script> <script> window.addEventListener('load', (event) => {    simplemaps_usmap.load(); }); </script> <div id="map"></div>

Where all instances of usmap should be replaced with your map's actual name. If the problem persists, please send us a public url so that we can further troubleshoot.