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

개발 초보로서 이건 개인 백업용으로만 사용하고 있으니 도움이 되면 좋겠습니다. (저는 개발용으로 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으로 문의하세요.
如何使用JS和百度地图实现地图平移功能如何使用JS和百度地图实现地图平移功能Nov 21, 2023 am 10:00 AM

如何使用JS和百度地图实现地图平移功能百度地图是一款广泛使用的地图服务平台,在Web开发中经常用于展示地理信息、定位等功能。本文将介绍如何使用JS和百度地图API实现地图平移功能,并提供具体的代码示例。一、准备工作使用百度地图API前,首先需要在百度地图开放平台(http://lbsyun.baidu.com/)上申请一个开发者账号,并创建一个应用。创建完成

百度地图 App 最新版本 18.8.0 发布,首次引入红绿灯雷达功能,并新增实时停车推荐功能百度地图 App 最新版本 18.8.0 发布,首次引入红绿灯雷达功能,并新增实时停车推荐功能Aug 06, 2023 pm 06:05 PM

百度地图App安卓版/iOS版均已发布18.8.0版本,首次引入红绿灯雷达功能,业内领先据官方介绍,开启红绿灯雷达后,支持开车自动探测红绿灯,不用输入目的地,北斗高精可以实时定位,全国100万+红绿灯自动触发绿波提醒。除此之外,新功能还提供全程静音导航,使图区更简洁,关键信息一目了然,且无语音播报,使驾驶员更加专注驾驶百度地图于2020年10月上线红绿灯倒计时功能,支持实时读秒预判,导航会在接近红绿灯路口时,自动展示倒计时剩余秒数,让用户时刻掌握前方路况。截至2022年12月31日,红绿灯倒计时

如何使用JS和百度地图实现地图多边形绘制功能如何使用JS和百度地图实现地图多边形绘制功能Nov 21, 2023 am 10:53 AM

如何使用JS和百度地图实现地图多边形绘制功能在现代网页开发中,地图应用已经成为常见的功能之一。而地图上绘制多边形,可以帮助我们将特定区域进行标记,方便用户进行查看和分析。本文将介绍如何使用JS和百度地图API实现地图多边形绘制功能,并提供具体的代码示例。首先,我们需要引入百度地图API。可以利用以下代码在HTML文件中导入百度地图API的JavaScript

如何使用JS和百度地图实现地图点击事件处理功能如何使用JS和百度地图实现地图点击事件处理功能Nov 21, 2023 am 11:11 AM

如何使用JS和百度地图实现地图点击事件处理功能概述:在Web开发中,经常需要使用地图功能来展示地理位置和地理信息。而地图上的点击事件处理是地图功能中常用且重要的一部分。本文将介绍如何使用JS和百度地图API来实现地图的点击事件处理功能,并给出具体的代码示例。步骤:导入百度地图的API文件首先,要在HTML文件中导入百度地图API的文件,可以通过以下代码实现:

如何使用JS和百度地图实现地图热力图功能如何使用JS和百度地图实现地图热力图功能Nov 21, 2023 am 09:33 AM

如何使用JS和百度地图实现地图热力图功能简介:随着互联网和移动设备的迅速发展,地图成为了一种普遍的应用场景。而热力图作为一种可视化的展示方式,能够帮助我们更直观地了解数据的分布情况。本文将介绍如何使用JS和百度地图API来实现地图热力图的功能,并提供具体的代码示例。准备工作:在开始之前,你需要准备以下事项:一个百度开发者账号,并创建一个应用,获取到相应的AP

如何通过Python编写程序获取百度地图API中的地图瓦片?如何通过Python编写程序获取百度地图API中的地图瓦片?Jul 31, 2023 pm 04:21 PM

如何通过Python编写程序获取百度地图API中的地图瓦片?地图瓦片是构成地图的基本元素,通过将地图划分为小块独立的图像,可以实现更快速的地图加载和显示。百度地图API提供了丰富的地图瓦片数据,本文将介绍如何使用Python获取百度地图API中的地图瓦片,并给出代码示例。获取百度地图API的地图瓦片需要使用到该接口提供的密钥(ak),因此,首先需要在百度地图

微信小程序中PHP实现百度地图微信小程序中PHP实现百度地图Jun 02, 2023 pm 05:31 PM

随着移动互联网的不断发展,越来越多的应用程序通过微信小程序的形式为用户提供服务。在这些应用程序中,百度地图是一种普遍存在的功能,用于帮助用户更好地了解周边环境和导航路线。本文将介绍如何在微信小程序中使用PHP实现百度地图功能。一、什么是百度地图百度地图是由百度公司开发的一款地图应用程序,通过高精度的地图数据和完善的POI(兴趣点)数据,为用户提供地图浏览、导

使用Python和百度地图API实现出行费用计算功能的方法使用Python和百度地图API实现出行费用计算功能的方法Jul 29, 2023 am 09:13 AM

使用Python和百度地图API实现出行费用计算功能的方法在现代社会,出行已经成为人们生活中不可或缺的一部分。随着科技的发展,人们对于出行的需求越来越高,不仅仅是追求便利与舒适,还希望在经济方面能够得到更多的保障。因此,出行费用计算功能成为了一个非常重要的需求。Python作为一种高级编程语言,广泛应用于各个领域。而百度地图API则是目前最受欢迎的地图API

See all articles

핫 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를 무료로 생성하십시오.

뜨거운 도구

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.