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

时间:2019-10-12  来源:jquery  阅读:


我就把代码都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功能就可以在地图上面描点了,看一下代码你就懂怎么描点的,我就不多少了。

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

http://m.bbyears.com/wangyezhizuo/72779.html

推荐访问:
相关阅读 猜你喜欢
本类排行 本类最新