功能：設(shè)置地圖中的鼠標(biāo)功能，比如放大、縮小、漫游(平移)、拉框查詢、標(biāo)注等。鼠標(biāo)一般默認(rèn)狀態(tài)為漫游狀態(tài)。

說(shuō)明：

toolnum：模式參數(shù)，int，參數(shù)為1/2/3/5/6/11共6種模式。其中：

1：拉框放大

2：拉框縮小

3：漫游(平移)，鼠標(biāo)默認(rèn)狀態(tài)

5：拉框查詢

6：標(biāo)注點(diǎn)，Mark

11：測(cè)距。同控制條上的測(cè)距功能完全一致。

注意，拉框放大和拉框縮小如果需要使用則必須將漫游功能顯示，不然將無(wú)法返回到漫游狀態(tài)。拉框查詢和標(biāo)注點(diǎn)功能完成后建議設(shè)置返回漫游狀態(tài)。測(cè)距功能完成后自動(dòng)返回到漫游狀態(tài)。

拉框查詢和標(biāo)注點(diǎn)功能需要結(jié)合callback函數(shù)一起使用，默認(rèn)狀態(tài)下拉框查詢和標(biāo)注點(diǎn)只返回一段字符串，字符串格式如下：

拉框查詢返回字符串：&act=lookup&ctr=strLatLon&size=Width,Height&range=Left1,Top1,Left2,Top2&zm=ZoomLevel

標(biāo)注點(diǎn)返回字符串：&act=add&latlon=strLatLon&zm=ZoomLevel

字符串中使用&將各個(gè)參數(shù)串聯(lián)起來(lái)，并且每個(gè)參數(shù)所對(duì)應(yīng)的值使用=隔開(kāi)。需要對(duì)此字符串自行解析。參數(shù)說(shuō)明如下

act：動(dòng)作，固定值，用于區(qū)分動(dòng)作，lookup表示拉框查找，add表示標(biāo)注點(diǎn)

ctr：地圖中心坐標(biāo)，加密后坐標(biāo)值

size：地圖大小，返回寬和高，使用逗號(hào)分隔開(kāi)

range：拉框大小，返回起點(diǎn)定位和終點(diǎn)定位，即矩形的兩個(gè)對(duì)角，共返回四個(gè)值，使用逗號(hào)隔開(kāi)，分別為起點(diǎn)相對(duì)于地圖的左邊距和上邊距、終點(diǎn)相對(duì)于地圖的左邊距和上邊距。特別說(shuō)明，左邊距和上邊距需要比對(duì)后才能確定起點(diǎn)還是終點(diǎn)的邊距大，并以此推算出拉框的最小和最大經(jīng)緯度。

zm：縮放級(jí)別，返回縮放級(jí)別數(shù)值

latlon：標(biāo)注點(diǎn)的坐標(biāo)位置，加密后坐標(biāo)值

特別注意，此callback函數(shù)僅僅返回地圖中的信息，不做任何其他處理，建議結(jié)合Form或者外部頁(yè)面共同使用來(lái)完成信息提交、查詢等功能。比如將callback函數(shù)返回的參數(shù)值傳遞給Form中的hideInput。

14，dLatLon = b.p(strLatLon)

功能：解密函數(shù)，將文字坐標(biāo)解密成經(jīng)緯度坐標(biāo)

說(shuō)明：

strLatLon：文字坐標(biāo)

解密后得到的結(jié)果為數(shù)組，dLatLon[1]為緯度，dLatLon[0]為經(jīng)度

15，strLatLon = jiami(dLat,dLon)

功能：將數(shù)字經(jīng)緯度坐標(biāo)加密成文字坐標(biāo)，即b.p函數(shù)的反函數(shù)。

說(shuō)明：

dLat：緯度，double

dLon：經(jīng)度，double

加密后得到的結(jié)果為字符串

注意，本函數(shù)為了方便使用特意提取成單獨(dú)的函數(shù)。

四，WEBMAP引擎使用實(shí)例(以房源地圖為例)

首先我們假定地圖引擎已經(jīng)成功嵌入并成功顯示

1，價(jià)格查詢

功能描述：在地圖上劃取一個(gè)矩形，計(jì)算該矩形內(nèi)房源的平均價(jià)格

解決方法：

頁(yè)面中一個(gè)Form用于提交數(shù)據(jù)，四個(gè)textInput(建議hiden)用于獲取最小和最大經(jīng)緯度，一個(gè)Button用于設(shè)置地圖鼠標(biāo)狀態(tài)并在callback函數(shù)中返回最小和最大經(jīng)緯度。甚至可以一步到位在callback函數(shù)中直接提交給動(dòng)態(tài)頁(yè)面進(jìn)行查詢，并最終由動(dòng)態(tài)頁(yè)面生成結(jié)果。

地圖引擎的關(guān)鍵在于提供拉框返回的最小和最大經(jīng)緯度，功能集中于Button，設(shè)置button的onclick事件為：object. setMode(5)，當(dāng)button被按下后改變地圖引擎中的鼠標(biāo)狀態(tài)為拉框查詢，在地圖中進(jìn)行拉框查詢后返回callback函數(shù)，callback函數(shù)解析后返回最小和最大經(jīng)緯度。

2，房源標(biāo)注

功能描述：在地圖上顯示某個(gè)房源的位置

解決方法：

頁(yè)面中一個(gè)Form用于提交數(shù)據(jù)，兩個(gè)textInput用于獲取標(biāo)注點(diǎn)的經(jīng)緯度，一個(gè)button用于設(shè)置鼠標(biāo)狀態(tài)并在callback函數(shù)中返回經(jīng)緯度。

地圖引擎的關(guān)鍵在于提供標(biāo)注點(diǎn)的經(jīng)緯度，功能集中于button，設(shè)置button的onclick時(shí)間為：object. setMode(6)，當(dāng)button被按下后改變地圖引擎中的鼠標(biāo)狀態(tài)為標(biāo)注點(diǎn)，在地圖中單擊后返回callback函數(shù)，callback函數(shù)解析出坐標(biāo)后返回經(jīng)緯度。

3，劃圖找房

功能描述：在地圖上劃取一個(gè)矩形，選擇查詢條件，查詢矩形內(nèi)滿足查詢條件的房源以列表形式顯示。在地圖上標(biāo)注房屋位置。

解決方法：同第一條，涉及屬性條件查詢請(qǐng)使用動(dòng)態(tài)語(yǔ)言解決。

4，公交線路找房

功能描述：查詢某一條公交、地鐵線路站點(diǎn)周邊1Km內(nèi)滿足查詢條件的租賃房源以列表形勢(shì)顯示。在地圖上標(biāo)注房屋位置，當(dāng)鼠標(biāo)移動(dòng)到房屋位置時(shí)顯示乘車線路。

解決方法：

共分為兩步，第一步查找公交線路并顯示公交站點(diǎn)，第二步在公交站點(diǎn)附近查找房源。

查找公交線路并顯示公交站點(diǎn)：使用一個(gè)input和一個(gè)button，input中為公交線路查詢關(guān)鍵字，button為Form的提交查詢功能。查詢完成顯示線路結(jié)果，在點(diǎn)擊線路的時(shí)候動(dòng)態(tài)語(yǔ)言觸發(fā)再次查詢，即查詢?cè)摼€路的公交站點(diǎn)和公交線路的坐標(biāo)，查詢完成顯示結(jié)果的時(shí)候，需要加入javascript來(lái)操作地圖，主要的函數(shù)有addPoint函數(shù)和addPolylineString函數(shù)，用于顯示公交站點(diǎn)和公交線路，由于addPoint中有標(biāo)題和內(nèi)容之分，內(nèi)容支持HTML，所以建議站名作為標(biāo)題，在內(nèi)容中加入查詢附近房源功能按鈕以備第二步使用。同時(shí)建議動(dòng)態(tài)語(yǔ)言計(jì)算出公交線路的最小和最大經(jīng)緯度，使用setAutoZoom函數(shù)將地圖縮放至合適的縮放比例。

查找公交站點(diǎn)附近房源：在氣泡框中放入距離下拉框和button，和兩個(gè)隱性input，兩個(gè)隱性input為第一步中傳遞的該站點(diǎn)的經(jīng)緯度，距離下拉框?yàn)橐还?、兩公里等的距離選擇，由于1經(jīng)緯度等于111公里，所以一公里約為0.009度，只需要根據(jù)公交站的坐標(biāo)位置減去和加上0.009度，即得到了最小和最大經(jīng)緯度的方框，再根據(jù)此框使用動(dòng)態(tài)語(yǔ)言查詢，方法同一。此處重點(diǎn)在于根據(jù)點(diǎn)位置設(shè)計(jì)出一個(gè)矩形框再進(jìn)行查詢。

5，目的地找房

功能描述：在地圖上點(diǎn)取一個(gè)點(diǎn)，查詢?cè)擖c(diǎn)周圍500M內(nèi)所有經(jīng)過(guò)的公交、地鐵線路，并查詢這些線路站點(diǎn)周邊1Km內(nèi)滿足查詢條件的租賃房源以列表形勢(shì)顯示。在地圖上標(biāo)注房屋位置，當(dāng)鼠標(biāo)移動(dòng)到房屋位置時(shí)顯示乘車線路。

解決方法：

同第4條中的第二步，差別在于此處的點(diǎn)位置由標(biāo)注點(diǎn)功能產(chǎn)生。

6，公交線路添加、修改、刪除

解決方法：

由于公交線路數(shù)據(jù)為外部抓取，建議使用數(shù)據(jù)庫(kù)導(dǎo)入。

7，地點(diǎn)經(jīng)緯度添加、修改、刪除

解決方法：

添加同第2條。修改和刪除為動(dòng)態(tài)語(yǔ)言操作數(shù)據(jù)庫(kù)。

五，MapPicURLlist工具的使用

MapPicURLlist工具主要功能為在固定經(jīng)緯度范圍內(nèi)的圖片URL list出來(lái)，并保存成文件。旨在解決離線或者局域網(wǎng)內(nèi)使用WEBmap引擎問(wèn)題。

如上圖所示，圖片URL地址建議保持不變，此為瓦片的默認(rèn)原始路徑，輸入最大最小經(jīng)緯度值，選擇好層級(jí)，點(diǎn)擊PNGlist，則自動(dòng)list出所有該層級(jí)、經(jīng)緯度范圍下的圖片URL列表，然后點(diǎn)擊FileSave則自動(dòng)生成PNGFileList13.txt文件，其中數(shù)字13為你設(shè)置的層級(jí)。

本工具僅為輔助工具，僅list出圖片的URL，若需要本地離線使用地圖，則需要將保存后的URL列表通過(guò)其他下載工具(如迅雷)下載下來(lái)，并按照原有路徑保存。

六， FAQ

1，如何修改右下角文字和鏈接

Include.js文件中查找關(guān)鍵字“MapBar&ShareSh”和“http://sharesh.cn”即可

文字內(nèi)容為：var WY9Xv=’©MapBar&ShareSh ‘;，將藍(lán)色內(nèi)容改成自己的內(nèi)容即可。

鏈接內(nèi)容為：window.open("http://sharesh.cn");，將藍(lán)色內(nèi)容改成自己的鏈接即可。

2，控制條、比例尺、版權(quán)鏈接的隱藏

Include.js文件中查找以下關(guān)鍵字

隱藏左上角控制條：this.lC8O6=true;  將true設(shè)置為false即可；

隱藏左下角比例尺：this.Q1E=true;  將true設(shè)置為false即可；

隱藏右下角版權(quán)鏈接：this.v2a2=true;  將true設(shè)置為false即可；

3，如何實(shí)現(xiàn)地圖的本地訪問(wèn)

如上所述，MapPicURLlist工具為地圖瓦片URL的輔助工具，將所有需要用到的地圖瓦片全部下載下來(lái)并在本地按照原有路徑組織好后，修改地圖引用路徑即可。

地圖默認(rèn)引用路徑在include.js文件的第一行：var strImgsvrUrl = "http://img.mapbar.com/maplite/";，將藍(lán)色內(nèi)容替換成自己已經(jīng)下載好的本地可訪問(wèn)路徑即可。

4，如何改回13級(jí)放大縮小控制條

由于個(gè)人覺(jué)得沒(méi)有必要顯示13級(jí)，加上只在北京地區(qū)使用，所以撤掉13級(jí)，直接更改為7級(jí)，需要改回的話，需要修改的參數(shù)較多，主要是一些數(shù)字的微調(diào)，除了var R$1=7;中的7改為13，以及

var Y8802、var Ud0、var e3I、var e7DU4、var uGE$等參數(shù)需要設(shè)置外，還有許多地方需要調(diào)整，主要是圖片原有高度較高，修改后高度較低，建議使用文件比較器將include.js文件同我原來(lái)分享的MapBar研究(百度地圖中的JS部分)一文中的avinclude.js進(jìn)行對(duì)比，就可以看到好幾處數(shù)字的修改，修改回去即可還原13層級(jí)的控制條。

5，如何撤銷或擴(kuò)大地圖范圍區(qū)域

由于僅需要顯示北京范圍的地圖，所以個(gè)人對(duì)地圖范圍做了一定的限制，導(dǎo)致地圖平移到地圖邊界的時(shí)候無(wú)法再拖動(dòng)，會(huì)彈回到地圖區(qū)域范圍內(nèi)。

此部分的設(shè)置在：var ph90=new Array(38,42);var o8$=new Array(114,118);，將這里的經(jīng)緯度值改為自己需要的經(jīng)緯度值即可。原有默認(rèn)的中國(guó)地圖范圍區(qū)域?yàn)椋?/font>var ph90=new Array(0,55);var o8$=new Array(-75,135);，這個(gè)范圍可以顯示全國(guó)甚至整個(gè)亞洲地區(qū)。