Javascript 为图像导出构造URL

我正在尝试使用地图服务器创建和导出图像，并具有一些放大功能。但是，我不确定如何通过HTML/javascripting实现这一点。这就是我到目前为止所做的：

<div class="center">
            <button type="button" id="In" onclick="zoomIn()">Zoom in</button>
            <button type="button" id="Out" onclick="zoomOut">Zoom Out</button>
            <button type="button" id="Full" onclick="fullExtent">FullExtent</button>
</div>






<script>
    var sURL= "http://server.arcgisonline.com/arcgis/rest/services/ESRI_StreetMap_World_2D/MapServer/export?bbox=";
    var xmin= -180;
    var ymin=-90;
    var xmax=180;
    var ymax=90;
    var bbox=xmin+","+ymin+","+xmax+","+ymax;


    function makeImage(URL){
        var img = '<div id="pic"><img src="'+URL+'" width="800" height="400" /><p></p></div>'; 
        return img;
    }

    function zoomIn(){
        xmin= xmin/2;
        ymin= ymin/2;
        xmax= xmax/2;
        ymax= ymax/2
        var URL= sURL+bbox;
        return URL;
        makeImage(URL);
    }
    function zoomOut(){
        xmin= xmin/2;
        ymin=ymin/2;
        xmax=xmax/2;
        ymax=ymax/2
        var URL= sURL+bbox;
        return URL; 
        makeImage(URL);
    }
    function fullExtent(){
        xmin= -180;
        ymin=-90;
        xmax=180;
        ymax=90;
        var URL= sURL+bbox;
        return URL; 
        makeImage(URL);
    }
</script>

放大
缩小
全部
var sURL=”http://server.arcgisonline.com/arcgis/rest/services/ESRI_StreetMap_World_2D/MapServer/export?bbox=";
var xmin=-180；
var-ymin=-90；
var xmax=180；
var-ymax=90；
var bbox=xmin+“，“+ymin+”，“+xmax+”，“+ymax；
函数makeImage（URL）{
var img='
'；
返回img；
}
函数zoomIn（）{
xmin=xmin/2；
ymin=ymin/2；
xmax=xmax/2；
ymax=ymax/2
var URL=sURL+bbox；
返回URL；
makeImage（URL）；
}
函数zoomOut（）{
xmin=xmin/2；
ymin=ymin/2；
xmax=xmax/2；
ymax=ymax/2
var URL=sURL+bbox；
返回URL；
makeImage（URL）；
}
函数fullExtent（）{
xmin=-180；
ymin=-90；
xmax=180；
ymax=90；
var URL=sURL+bbox；
返回URL；
makeImage（URL）；
}

我会像这样编辑您的脚本（）：

放大
缩小
全部
var sURL=”http://server.arcgisonline.com/arcgis/rest/services/ESRI_StreetMap_World_2D/MapServer/export?bbox=";
var xmin=-180；
var-ymin=-90；
var xmax=180；
var-ymax=90；
var bbox=xmin+“，“+ymin+”，“+xmax+”，“+ymax；
函数makeImage（URL）{
var img='
'；
document.getElementById（“pic”）.innerHTML=img；
}
函数zoomIn（）{
xmin=xmin/2；
ymin=ymin/2；
xmax=xmax/2；
ymax=ymax/2
var URL=sURL+bbox；
makeImage（URL）；
}
函数zoomOut（）{
xmin=xmin/2；
ymin=ymin/2；
xmax=xmax/2；
ymax=ymax/2
var URL=sURL+bbox；
makeImage（URL）；
}
函数fullExtent（）{
xmin=-180；
ymin=-90；
xmax=180；
ymax=90；
var URL=sURL+bbox；
makeImage（URL）；
}

<div class="center">
            <button type="button" id="In" onclick="zoomIn()">Zoom in</button>
            <button type="button" id="Out" onclick="zoomOut()">Zoom Out</button>
            <button type="button" id="Full" onclick="fullExtent()">FullExtent</button>
            <div id="pic"></div>
</div>






<script>
    var sURL= "http://server.arcgisonline.com/arcgis/rest/services/ESRI_StreetMap_World_2D/MapServer/export?bbox=";
    var xmin= -180;
    var ymin=-90;
    var xmax=180;
    var ymax=90;
    var bbox=xmin+","+ymin+","+xmax+","+ymax;


    function makeImage(URL){
        var img = '<img src="'+URL+'" width="800" height="400" /><p></p>'; 
        document.getElementById("pic").innerHTML = img;
    }

    function zoomIn(){
        xmin= xmin/2;
        ymin= ymin/2;
        xmax= xmax/2;
        ymax= ymax/2
        var URL= sURL+bbox;
        makeImage(URL);
    }
    function zoomOut(){
        xmin= xmin/2;
        ymin=ymin/2;
        xmax=xmax/2;
        ymax=ymax/2
        var URL= sURL+bbox;
        makeImage(URL);
    }
    function fullExtent(){
        xmin= -180;
        ymin=-90;
        xmax=180;
        ymax=90;
        var URL= sURL+bbox;
        makeImage(URL);
    }
</script>