Maps.met.police.ukサイトは、JQueryおよびGoogleMapsJSライブラリを使用しているようです。ズームによってベクトルポリゴンがより細かく変更された場合、サイトはベクトルデータを取得するための追加の要求を行うと思います。
OpenLayersでこれを行うことを検討するいくつかの方法は次のとおりです。
1)minResolutionとmaxResolution(またはminScale / maxScale)を2つのWMS OpenLayers.Layerレイヤー(WMSまたはVector)に設定し、両方のレイヤーを表示しますが、特定のズームレベルで表示されるのは2つのレイヤーのうちの1つだけです。必要に応じて、これを3つ以上のレイヤーにスケールアップできます。
2)「zoomEnd」イベントに基づいて2つのレイヤーの可視性を変更することについての投稿を見ました: ズームレベルに基づいてWMSレイヤーを表示する
3)データをWFSとして表すことができる場合は、クラスタリングを確認してください:http: //openlayers.org/dev/examples/strategy-cluster-threshold.html
4)バックエンドでArcGISのようなものを使用している場合は、マップドキュメントに複数のレイヤーを配置し、ArcMapを使用して、そのArcGISサービスのどのズームレベルでどのレイヤーを表示するかを指定できます。これが私のプロジェクト、FYIで採用するアプローチです。