[百度地圖] MultiZMap 修改使用;

MultiZMap修改說明

MultiZMap 是基於百度地圖API　封裝的一些經常使用功能類庫；主要以prototype方式實現；而且實現了一些輔助的功能，好比添加 Marker 功能，事件管理等；

之前版本: http://www.cnblogs.com/editor/category/591379.html

本次新增 marker 添加功能，支持鏈式操做，以及修改打印功能 及 測距功能；

功能說明

1. 建立地圖

var multiMap = new MultiZMap({
                container: 'container',
                mapId: 'mapId'
            });

2. Marker 操做

var pot = new multiMap.getPoint('118.523826,24.929245');
var mke = new multiMap.Marker(pot)
                        .setLabel('標題', {})
                            .setIcon({img:'xxxx.gif', width:22, height: 22});

multiMap.panTo(pot);

該mke 能夠返回
自己 get() 方法
Marker label 名: getLabel();
Icon 方法：getIcon(); 返回 圖片，width, height的 json 數據;

3. 打印功能;

print : function(opts) {
            /*
            var pot = self.mapObj.getCenter();
            var zoom = self.mapObj.getZoom();
            
            opts.width = opts.width || 700;
            opts.height = opts.height || 600;
            
            window.open(opts.url + '?lng='+pot.lng+'&lat='+pot.lat+'&zoom='+zoom, '打印地圖', "height="+opts.height+", width="+opts.width+", top=10, left=10,toolbar=yes, menubar=no, scrollbars=yes, resizable=yes, location=no, status=no");
            */
            
            var width = $('#'+ self.container).width();
            var height = $('#'+ self.container).height();
            var prtFull = new self.XfullMap({
                width: width,
                height: height,
                fullfunc: function() {
                    
                }
            });
            
            var mIdx = MultiZMap.dom.getMaxzIndex();
            prtFull.toFull(self.mapObj.getCenter(), mIdx);
            
            window.print();
            
            setTimeout(function() {
                prtFull.toOrigi();
            }, 1000);
}

該功能在 tools 下:

使用方法;

multiMap.tools.print(); 

打印時先全屏，打印後會自動回覆原界面狀態；

源碼下載 

源碼下載：http://files.cnblogs.com/editor/MultiZMap3.rar

本項目源碼採用 SpringMvc+Maven搭建，src/main/webapps 下便是 腳本源碼；