ホームページ > ウェブフロントエンド > jsチュートリアル > jquery boxy_jqueryにBaidu地図座標ピッキングアテンションプロセスを追加

jquery boxy_jqueryにBaidu地図座標ピッキングアテンションプロセスを追加

WBOY
リリース: 2016-05-16 16:53:35
オリジナル
1301 人が閲覧しました

開発初心者なので、個人的なバックアップとしてのみ使用しています。参考になれば幸いです(開発にはphpを使用していますが、あまり影響はありません)

Aここでいくつかの問題について説明します:

1. boxy によって呼び出されるページには「script」タグを表示できません。それ以外の場合は表示できません。

2. boxy を呼び出すときは、次の点に注意してください。最初に boxy をロードしてから、boxy ページでマップをレンダリングする必要があります

3. Baidu マップの読み込み用の JS は、boxy がポップアップするページに配置する必要があります

プロセス: 箱状のページは実際には別のページであり、ajax ('/index.php?r=comm/map_coowned', function(data){} メソッドで $.get を使用してページの

キーを呼び出すだけです次のように js をトリガーします。

コードをコピーします コードは次のとおりです。

(function( ){
$(document).ready(function() {

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

__MC.Map_coorder.getcorrdinate();

});
});

__MC.Map_coowned = {
getcorrdinate:function(){

$.get('/index.php) ?r=comm/map_coowned', function(data){ //boxy に対応するページを呼び出します。id=allmap の div は 1 つだけあります。



new Boxy(data, { //Baidu Map 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); 🎜>
}//ショー終了後
});

},
}
}); ;

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート