I have been searching forum, observable, stack overflow, youtube, etc for an example of a vega-lite map that allows the user to zoom and pan via mouse events. I was able to find this example (Zoomable World Map Example | Vega) in vega, but I’m having trouble translating it into what it would like using the vega-lite api. This example (Interaction / UW Interactive Data Lab / Observable) shows how to achieve this with a scatterplot, but it doesn’t translate to a map.
Zooming and panning a projected map is much harder to implement under the hood than for a simple Cartesian projection as you see in common charts. Hence the ‘bind scales’ examples you have found only only work for charts with simple X,Y positioning.
There is currently no map scale binding in the same way. Instead, you can bind interactive sliders to various map projection properties that give you a form of map zooming and panning.
I’ve tried to create a simple example here, which I hope you can adapt for your case: