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

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

May 16, 2016 pm 04:53 PM
동등 어구 바이두 지도

개발 초보로서 이건 개인 백업용으로만 사용하고 있으니 도움이 되면 좋겠습니다. (저는 개발용으로 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
}),
}
})() ;

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Baidu 지도에서 택시 요금을 결제하는 방법 택시 요금 결제 단계를 소개합니다. Baidu 지도에서 택시 요금을 결제하는 방법 택시 요금 결제 단계를 소개합니다. Mar 13, 2024 am 10:04 AM

Baidu 지도 앱은 이제 많은 사용자가 선호하는 여행 내비게이션 소프트웨어가 되었습니다. 따라서 여기에 있는 일부 기능은 포괄적이며 무료로 선택 및 작동하여 일상 여행에서 발생할 수 있는 일부 문제를 해결할 수 있습니다. 자신만의 여행 경로를 선택하고, 자신만의 여행 계획을 세우고, 해당 경로를 확인한 후 자신의 필요에 따라 적절한 여행 방법을 선택할 수 있습니다. 따라서 대중교통을 선택하든, 자전거를 타든, 걷든, 택시를 타든 모두 만족할 수 있습니다. 귀하의 필요에 따라 귀하를 특정 장소로 ​​성공적으로 안내할 수 있는 해당 내비게이션 경로가 있습니다. 그러면 모든 사람이 택시를 선택하면 더 편리하게 느낄 것입니다. 그들은 모두 온라인으로 주문을 받을 수 있습니다. 슈퍼가 되다

Baidu 지도에 새 위치를 추가하는 방법 Baidu 지도에 새 위치를 추가하는 방법 Mar 20, 2024 pm 01:46 PM

Baidu 지도에 새 위치를 추가하려면 몇 가지 복잡한 단계를 거쳐야 할 수 있습니다. 하지만 걱정하지 마세요. Baidu 지도에 새 장소를 추가하는 방법을 자세히 소개하여 위치 정보를 더 쉽게 공유하거나 다른 사람들이 목적지를 찾을 수 있도록 도와드리겠습니다. Baidu 지도에 새 위치를 추가하는 방법 1. 먼저 Baidu 지도 앱을 열고 메인 페이지로 들어갑니다. 2. 그런 다음 아래와 같이 메인 페이지로 들어가서 오른쪽의 [신고] 버튼을 클릭합니다. 보고 기능 페이지에서 아래의 [위치 추가] 서비스를 선택합니다. 4. 그런 다음 위치 추가 영역의 [기타 정보] 상자에 정보를 입력합니다. 5. 마지막으로 해당 정보를 입력하고 하단의 [제출]을 클릭하여 완료합니다.

'바이두 지도'에서 택시 요금을 지불하는 방법 '바이두 지도'에서 택시 요금을 지불하는 방법 Mar 26, 2024 pm 09:20 PM

일상 여행에서 우리는 종종 택시를 타야 하는데, 이제 Baidu Maps도 편리하고 빠른 택시 서비스를 제공합니다. 하지만 아직도 바이두 지도에서 택시를 탄 후 요금을 어떻게 지불하는지 모르는 분들이 많습니다. 아래에서는 바이두 지도에서 택시 요금을 결제하는 방법을 자세히 소개하겠습니다. Baidu 지도에서 택시 요금을 지불하는 방법 1. 먼저 Baidu 지도 앱을 열고 메인 페이지로 들어갑니다. 2. 그런 다음 아래 그림에 표시된 페이지로 이동하여 오른쪽에 있는 [택시]를 클릭합니다. 아래 그림의 기능 페이지에서 [개인센터]를 선택하세요. 4. 그런 다음 개인센터 페이지에서 [결제 관리]를 찾습니다. 5. 마지막으로 결제 관리 기능 페이지에서 활성화하려는 결제 수단을 선택하고 [ 활성화]로 이동합니다.

바이두 지도 3D 실생활 지도 보는 방법 바이두 지도 3D 실생활 지도 보는 방법 Feb 23, 2024 pm 12:52 PM

Baidu 지도에는 3D 실생활 지도 기능이 있는데, 3D 실생활 지도를 보려면 어떻게 해야 합니까? 사용자는 내에서 더 많은 옵션을 찾은 다음 지도를 보려면 그 안에서 3D 지도를 찾아야 합니다. 이번 3D 실생활 지도 보는 방법에 대한 소개는 설정 방법을 알려드릴 수 있으니, 아래에서 자세하게 소개하고 있으니 한번 살펴보세요. 바이두 지도 사용법 튜토리얼 바이두 지도의 3D 실사 지도 보는 방법 정답: My-More-3D 지도로 이동 구체적인 방법: 모바일 버전: 1. 먼저 오른쪽 하단의 My를 클릭합니다. 2. 내부에서 더 많은 기능을 찾아보세요. 3. 3D 실제 장면을 클릭하여 사용하세요. 웹 버전: 1. 먼저 웹 버전에 들어가려면 https://map.baidu.com을 입력해야 합니다. 2. 오른쪽 하단의 '방법 보기'를 클릭하세요.

Baidu 지도의 차선 수준 내비게이션은 운전 경험을 향상하기 위해 전국 200개 도시를 포괄합니다. Baidu 지도의 차선 수준 내비게이션은 운전 경험을 향상하기 위해 전국 200개 도시를 포괄합니다. Feb 03, 2024 pm 03:05 PM

Baidu Maps는 최근 전국 200개 이상의 도시를 포괄하는 진정한 도시 차선 수준 내비게이션 시스템을 성공적으로 출시했다고 발표했습니다. 이 시스템의 도입으로 운전자의 내비게이션 경험이 크게 향상되었습니다. 바이두 지도의 차선별 내비게이션은 확대된 이미지만 제공하던 기존 내비게이션 방식에 비해 더욱 실감나고 입체적인 인터페이스를 제공합니다. 신호등, 차선분할선, 버스전용차로 등 실제 도로 정보를 세밀하게 복원해 운전자가 현재 도로 상황을 더욱 명확하게 이해할 수 있도록 돕는 시스템이다. 이러한 차선별 내비게이션은 운전자가 차선을 보다 정확하게 선택하는 데 도움이 될 뿐만 아니라 보다 포괄적인 교통 정보를 제공하여 운전 과정을 더욱 안전하고 편리하게 만들어줍니다. 이 목표를 달성하기 위해 바이두 지도는 업계 최초로 대규모 지도 생성 모델을 독자적으로 개발한 것으로 이해된다.

바이두 지도에서 3D 실시간 스트리트 뷰 보는 방법 3D 실시간 스트리트 뷰 보는 방법 바이두 지도에서 3D 실시간 스트리트 뷰 보는 방법 3D 실시간 스트리트 뷰 보는 방법 Mar 28, 2024 pm 03:20 PM

Baidu 지도 내비게이션 모바일 버전 무료 다운로드는 매우 전문적인 모바일 지도 내비게이션 소프트웨어입니다. 소프트웨어의 내비게이션 기능은 매우 강력하므로 원하는 곳 어디든 가장 정확한 여행 계획을 찾을 수 있습니다. 동시에 다른 내비게이션 기능도 사용할 수 있습니다. 다양한 유명인의 음성 팩을 무료로 다운로드하여 사용할 수 있습니다. 모든 사람의 여행 안전을 보호하기 위해 온라인에서 사용할 수도 있습니다. 버스를 더 편리하게 타기 위한 필수 여행 내비게이션 도우미입니다. 길을 잃을까 걱정하지 마세요. 이제 편집자가 바이두 지도 파트너에게 온라인으로 3D 실시간 스트리트 뷰를 보는 방법을 친절히 소개하겠습니다. 1. Baidu 지도를 열고 공통 기능 표시줄에서 더보기를 클릭합니다. 2. 그런 다음 3D 실제 장면을 검색합니다. 3. 그런 다음 3D 보기 인터페이스로 들어갑니다.

Moore Threads는 차세대 디지털 트윈 지도를 만들기 위해 Baidu Maps와 전략적 협력을 체결했습니다. Moore Threads는 차세대 디지털 트윈 지도를 만들기 위해 Baidu Maps와 전략적 협력을 체결했습니다. Jul 25, 2024 am 12:31 AM

이 웹사이트는 7월 24일에 Moore Thread와 Baidu Maps가 전략적 협력 계약을 체결했다고 보도했습니다. 양 당사자는 각자의 기술 및 제품 장점을 활용하여 디지털 트윈 지도의 기술 혁신을 공동으로 추진할 것입니다. 협력 계약에 따르면 양 당사자는 바이두 지도의 지도 엔진 장점, 디지털 트윈 기술 장점, 지도 빅데이터 애플리케이션 장점, 3D 그래픽 렌더링 및 AI 컴퓨팅 기술을 활용해 디지털 트윈 지도 프로젝트 구축에 중점을 둘 예정이다. 무어 스레드의 모든 기능을 갖춘 GPU의 장점을 적극적으로 수행하기 위한 심층적이고 광범위한 지속적인 협력은 디지털 트윈 맵 솔루션의 적용 및 대규모 구현을 공동으로 촉진할 것입니다. Moore Thread의 공식 소개에 따르면 지도 데이터는 국가의 핵심 자산이며 디지털 트윈 지도는 특히 GPU의 렌더링 성능과 성능에 큰 영향을 미치는 고부하 렌더링 시나리오에서 그 중요성을 강조합니다.

Baidu 지도에 여러 위치를 표시하는 방법 여러 위치를 표시하는 방법 Baidu 지도에 여러 위치를 표시하는 방법 여러 위치를 표시하는 방법 Mar 15, 2024 pm 04:28 PM

위에는 특히 여러 장소를 표시할 수 있는 지도에 대한 많은 기능이 있습니다. 우리는 일부 장소를 알 때 확실히 몇 가지 구두점 기능을 사용하여 다양한 측면을 표시할 수 있습니다. 즉, 위 장소의 일부 이름과 자세한 정보도 표시됩니다. 그러나 많은 네티즌은 위 내용 중 일부를 잘 알지 못할 수 있습니다. 매우 명확하므로 모든 사람이 다양한 측면에서 더 나은 선택을 할 수 있도록 오늘 편집자가 다양한 측면에서 몇 가지 선택 사항을 제공하므로 아이디어에 관심이 있는 친구, 관심이 있는 경우 와서 시도해 보세요. 기준

See all articles