在jquery boxy中添加百度地圖座標拾取注意流程

來源:互聯網
上載者:User

作為開發的初學者,這東西僅僅作為個人備份,如果能幫到忙也也不錯(我開發用的php,但這是js這本身沒多大影響)

這裡要說明幾個問題:

1.boxy調用的頁面中不能出現《script》標籤不然不能顯示

2.boxy調用的時候要注意流程,要先載入出boxy然後再去渲染地圖到boxy頁面中

3.百度地圖的載入js應放在彈出boxy的那個頁面中

注意流程:boxy頁面其實為單獨的一個頁面只是用了ajax中$.get('/index.php?r=comm/map_coordinate', function(data){}方法來調用頁面

關鍵觸發js如下:
複製代碼 代碼如下:
(function(){
$(document).ready(function() {

$("#Mechine_mec_points").click(function(){

__MC.Map_coordinate.getcorrdinate();

});
});

__MC.Map_coordinate = {
getcorrdinate:function(){

$.get('/index.php?r=comm/map_coordinate', function(data){ //調用boxy對應的頁面,頁面中就只有一個id=allmap的div



new Boxy(data,{ //在外面已經載入好百度地圖AIP的js
'title':'地圖座標拾取',
'modal':true,
'draggable':false,
'unloadOnHide' : true,
'afterShow' : function(){


var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(106.566872, 29.536861), 17);
map.enableScrollWheelZoom(); //啟用滾輪放大縮小,預設禁用
map.enableContinuousZoom(); //啟用地圖慣性拖拽,預設禁用
function showInfo(e){
$("#Mechine_mec_points").val(e.point.lng + ", " + e.point.lat);
}
map.addEventListener("click", showInfo);

}//aftershow結束
});

return false;
});

},
}
})();

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.