jquery在图片上面描点的插件(Giga Image Viewer)

我就把代码都down下来，并且处理了一下。其实作者还是提供了很多方便的API，（业界良心呀）

$(document).ready(function(){
    var settings = {
        'viewportWidth' : '100%',
        'viewportHeight' : '100%',
        'fitToViewportShortSide' : true, 
        'contentSizeOver100' : false,
        'startScale' : .5,  //注意是.+数字
        'startX' : 1860,
        'startY' : 2830,
        'animTime' : 500,
        'draggInertia' : 10,
        'imgDir' : 'images/', //图片的目录
        'mainImgWidth' : 5000,
        'mainImgHeight' : 5000,
        'intNavEnable' : true,
        'intNavPos' : 'B',
        'intNavAutoHide' : false,
        'intNavMoveDownBtt' : true,
        'intNavMoveUpBtt' : true,
        'intNavMoveRightBtt' : true,
        'intNavMoveLeftBtt' : true,
        'intNavZoomBtt' : true,
        'intNavUnzoomBtt' : true,
        'intNavFitToViewportBtt' : true,
        'intNavFullSizeBtt' : true,
        'intNavBttSizeRation' : 1,
        'mapEnable' : true,
        'mapPos' : 'BL',
        'popupShowAction' : 'click',
        'testMode' : false
    };
    
    $('#myDiv').lhpGigaImgViewer(settings, 'MyHotspots');
});

参数真心多，，还有一个必须的

 
    
   
   

       
       

           
            Click me #2
       

       
       

           

                Lorem ipsum #2

               
                Lorem ipsum dolor sit amet, consectetur adipisicing elit...
           

       

   

    
   
    ...
    

这样的话，这要修改下面的HTML功能就可以在地图上面描点了，看一下代码你就懂怎么描点的，我就不多少了。