我就把代码都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
推荐访问: