在jquery boxy中添加百度地圖坐標(biāo)拾取注意流程
更新時間：2014年04月03日 16:30:04 作者：
這篇文章主要介紹了在jquery boxy中添加百度地圖坐標(biāo)拾取注意流程,需要的朋友可以參考下
作為開發(fā)的初學(xué)者，這東西僅僅作為個人備份，如果能幫到忙也也不錯（我開發(fā)用的php，但這是js這本身沒多大影響）
這里要說明幾個問題：
1.boxy調(diào)用的頁面中不能出現(xiàn)《script》標(biāo)簽不然不能顯示
2.boxy調(diào)用的時候要注意流程，要先加載出boxy然后再去渲染地圖到boxy頁面中
3.百度地圖的加載js應(yīng)放在彈出boxy的那個頁面中
注意流程：boxy頁面其實(shí)為單獨(dú)的一個頁面只是用了ajax中$.get('/index.php?r=comm/map_coordinate', function(data){}方法來調(diào)用頁面
關(guān)鍵觸發(fā)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){ //調(diào)用boxy對應(yīng)的頁面，頁面中就只有一個id=allmap的div
new Boxy(data,{ //在外面已經(jīng)加載好百度地圖AIP的js
'title':'地圖坐標(biāo)拾取',
'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(); //啟用滾輪放大縮小，默認(rèn)禁用
map.enableContinuousZoom(); //啟用地圖慣性拖拽，默認(rèn)禁用
function showInfo(e){
$("#Mechine_mec_points").val(e.point.lng + ", " + e.point.lat);
}
map.addEventListener("click", showInfo);
}//aftershow結(jié)束
});
return false;
});
},
}
})();
這里要說明幾個問題：
1.boxy調(diào)用的頁面中不能出現(xiàn)《script》標(biāo)簽不然不能顯示
2.boxy調(diào)用的時候要注意流程，要先加載出boxy然后再去渲染地圖到boxy頁面中
3.百度地圖的加載js應(yīng)放在彈出boxy的那個頁面中
注意流程：boxy頁面其實(shí)為單獨(dú)的一個頁面只是用了ajax中$.get('/index.php?r=comm/map_coordinate', function(data){}方法來調(diào)用頁面
關(guān)鍵觸發(fā)js如下：
復(fù)制代碼 代碼如下:
(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){ //調(diào)用boxy對應(yīng)的頁面，頁面中就只有一個id=allmap的div
new Boxy(data,{ //在外面已經(jīng)加載好百度地圖AIP的js
'title':'地圖坐標(biāo)拾取',
'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(); //啟用滾輪放大縮小，默認(rèn)禁用
map.enableContinuousZoom(); //啟用地圖慣性拖拽，默認(rèn)禁用
function showInfo(e){
$("#Mechine_mec_points").val(e.point.lng + ", " + e.point.lat);
}
map.addEventListener("click", showInfo);
}//aftershow結(jié)束
});
return false;
});
},
}
})();
相關(guān)文章
這篇文章主要介紹了jQuery中queue()方法用法,實(shí)例分析了queue()方法的功能、定義及使用技巧,非常具有實(shí)用價值,需要的朋友可以參考下2014-12-12
jQuery Layer彈出層傳值到父頁面的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery Layer彈出層傳值到父頁面的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-08-08
jQuery實(shí)現(xiàn)單擊和鼠標(biāo)感應(yīng)事件
這篇文章主要介紹了jQuery實(shí)現(xiàn)單擊和鼠標(biāo)感應(yīng)事件的方法的相關(guān)資料,需要的朋友可以參考下2015-02-02
基于jQuery實(shí)現(xiàn)最基本的淡入淡出效果實(shí)例
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)最基本的淡入淡出效果的方法,實(shí)例分析了jQuery中hide、show、toggle等函數(shù)的使用技巧,需要的朋友可以參考下2015-02-02
jQuery扁平化風(fēng)格下拉框美化插件FancySelect使用指南
這篇文章主要介紹了jQuery扁平化風(fēng)格下拉框美化插件FancySelect使用指南,需要的朋友可以參考下2015-02-02
jquery監(jiān)聽div內(nèi)容的變化具體實(shí)現(xiàn)思路
在開發(fā)過程中遇到了上面標(biāo)題列出的問題：如何監(jiān)聽div內(nèi)容的變化，下面是具體的解決思路，感興趣的朋友可以參考下2013-11-11
jQuery 防止相同的事件快速重復(fù)觸發(fā)方法
下面小編就為大家分享一篇jQuery 防止相同的事件快速重復(fù)觸發(fā)方法。具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了jQuery位置選擇器用法,結(jié)合實(shí)例形式分析了jQuery位置選擇器的功能、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
淺析jQuery中調(diào)用ajax方法時在不同瀏覽器中遇到的問題
這篇文章主要介紹了jQuery中調(diào)用ajax方法時在不同瀏覽器中遇到的問題，因不同瀏覽器默認(rèn)設(shè)置的不同造成的問題2014-06-06
JQuery單選按鈕Radio和復(fù)選框checkbox的操作代碼
這篇文章主要介紹了JQuery單選按鈕Radio和復(fù)選框checkbox的操作，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04