Javascript - 使用項目選擇構建可滾動地圖的框架？

Question

我需要滾動移動設備網站上的一個大的地圖區域，並能夠在地圖上選擇PNG或矢量圖像，像這樣：

什麼是最簡單的方法是什麼？ HTML5，jQuery，Sencha Touch還是？

Answer 1

使用HTML5畫布可以滾動這樣的：

JS：

var img = new Image(); 
img.src = 'image.jpg'; 

var w = $(window).outerWidth(); 
var h = $(window).height(); 

var addit = -1; 
var scrollSpeed = 10; 
var current = 0; 

ctx = document.getElementById('canvas1').getContext('2d'); 

var init = setInterval(function() { 
       current += addit; 
       ctx.drawImage(img,current,0, w, h); 
      }, scrollSpeed); 

CSS：

body { 
    overflow: hidden; 
} 
#canvas1 { 
    position: absolute; 
    height: 100%; 
    width: auto; 
    left: 0; 
    top: 0; 
} 

HTML：

<canvas id="canvas1" width="1784px" height="534px"></canvas>