javascript - openlayers (js/html ファイルのみ) でズームレベルを表示するには?

Question

これに関するヘルプを探しています。私はそれがの線に沿ったものであることを知っています

new OpenLayers.Control.ZoomStatus({
  autoActivate: true
})

ズームステータスの div も追加しようとしています: または、何が最善のアプローチでしょうか?

誰かが洞察を提供できれば幸いです。ドキュメントで答えが見つかりませんでした。

Answer 1

私は、このコントロールが実装されている openlayers の現在のバージョンを信じていません。

最善の方法は、マップに独自の要素を追加して、ズーム レベルを表示し、使用することです。

map.getZoom()

表示するズーム レベルを特定します。2 つの方法でアプローチできます。OpenLayers.Control.Zoom クラスを拡張し、onZoomClick 関数の描画に独自の関数を追加する 1 つの ios。次に、通常の OpenLayers.Control.zoom の代わりにコントロールをマップに追加します。

2 つ目は、マップにイベントを追加してズーム イベントをキャプチャし、要素を更新してそこにズーム レベルを表示することです。これを行うには、マップで map.events.register() 呼び出しを使用します。

更新を行うコードは次のようになります。

 var zoomLevel = map.getZoom();
  document.getElementById('ZoomElement').innerHTML =  'Current Zoom: ' + zoomlevel + 'of ' + (map.numZoomLevels + 1);