At least this way there's not a huge cliff between the free product and a contract for larger volumes.
(disclaimer: In case of geocoding Google is a competitor, we run https://geocoder.opencagedata.com/)
Previously, when google made the initial shift in this direction a few years ago, it seemed like there was a brief period when more people were considering alternatives, but since most people were able to continue using the free tier this tapered off pretty quickly.
You mean leaflet.js?
Note - I work at Mapbox
I see that the limit you mention is for dynamic maps. Somewhere else, they say "Requests for Dynamic Maps and Dynamic Street View (Street View Panoramas) will be billed at a higher rate than requests for Static Maps and Static Street View. Dynamic Maps and Street View images respond to user input; the Static versions do not."
I imagine that this is an incentive for developers to use static maps (which you could replace with dynamic ones when the user clicks or hovers on them). If you used static maps alone, that's 300K loads per month, or $480. You would deduct the $200 credit, for a $280 bill, but then pay full price for all the other services. I can see how that adds up quickly...