Incorrect centering when displaying multiple Leaflet maps on the same page

I have a content type called locations with a geofield. There are 3 locations. The idea is to show a block of each location with its own map in the sidebar of a contact us page. I have a view that creates a block that lists the locations. I've tried Content, Fields and Rendered Entity for displaying the Leaflet maps using the Leaflet field formatter. The three separate Leaflet maps do display, but only the first has the marker centered properly. The other two require you to zoom way out to see the marker, which is way below the center. It's like the centering isn't resetting when subsequent maps are displaying. Any ideas as to how this might be resolved?