さて、それを調べて少し苦労した後、私はこれを行うためのいくつかのJSライブラリを見つけました。そのうちの1つはOpenLayersでした。あなたはちょうどあなたのhtmlページの始めにそれを参照する必要があります:
<script src="http://openlayers.org/api/OpenLayers.js"></script>
次に、次のようにMapServerデータをOpenLayersの初期化関数にバインドすることで、マップのズームと移動のオプションを設定できます。
Var map, layer;
function init(){
map = new OpenLayers.Map( 'map' );
layer = new OpenLayers.Layer.MapServer( "NAME",
"http://localhost/cgi-bin/mapserv", {map: 'PATH_TO_.MAP'} );
map.addLayer(layer);
map.zoomToMaxExtent();
}
そして、たくさんのクールなチュートリアルがspatialhorizons.comにあります。
これが誰かに役立つことを願っています:)