> 웹 프론트엔드 > JS 튜토리얼 > jquery boxy_jquery에 Baidu 지도 좌표 선택 주의 프로세스 추가

jquery boxy_jquery에 Baidu 지도 좌표 선택 주의 프로세스 추가

WBOY
풀어 주다: 2016-05-16 16:53:35
원래의
1322명이 탐색했습니다.

개발 초보로서 이건 개인 백업용으로만 사용하고 있으니 도움이 되면 좋겠습니다. (저는 개발용으로 php를 사용하는데 js라서 별 영향은 없습니다.) 여기에 설명해야 할 몇 가지 문제가 있습니다:

1. "script" 태그는 boxy가 호출한 페이지에 나타날 수 없습니다. 그렇지 않으면 표시될 수 없습니다.

2. 먼저 boxy를 로드한 다음 boxy 페이지에서 지도를 렌더링해야 합니다

3. Baidu 지도의 로딩 js는 boxy가 나타나는 페이지에 배치되어야 합니다

. 프로세스: 박스형 페이지는 실제로 별도의 페이지이며 ajax('/index.php?r=comm/map_coordinate', function(data){} 메서드에서 $.get을 사용하여 페이지

키를 호출합니다.


코드를 복사합니다 코드는 다음과 같습니다.
(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, { //Baidu Map AIP의 js가
'title':'Map Coordinatepicking',
'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); 🎜>
}//공연 종료
});

return false
}),
}
})() ;

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿