Построение URL-адреса для экспорта изображения

Question

Я пытаюсь использовать сервер карты для создания и экспорта изображения, а также некоторого увеличения функциональности. Тем не менее, я не совсем уверен, как реализовать это с помощью 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> 

Answer 1

Я бы изменить сценарий, как так (http://jsfiddle.net/fsh6p77L/):

<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>