웹 프론트엔드 JS 튜토리얼 Baidu 지도 API에서 지정된 오버레이를 지우는 방법

Baidu 지도 API에서 지정된 오버레이를 지우는 방법

Jan 31, 2018 am 09:43 AM
api 명세 분명한

이 글은 Baidu Maps API를 기반으로 지정된 오버레이(Overlay)를 지우는 방법을 주로 공유하며 좋은 참고 가치가 있어 모든 분들께 도움이 되기를 바랍니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

최근 Baidu Map API를 사용하여 프로젝트를 진행하면서 지도에 마커와 폴리라인을 동시에 표시해야 했는데, 클릭에 따라 폴리라인을 표시하거나 지워야 하는 문제가 발생했습니다. 다양한 검색 끝에 완벽한 해결책을 찾을 수 없었습니다. 방법은 제 생각을 통해 이 문제를 해결하는 방법을 찾아 모두와 공유하기 위해 게시했습니다. 이제 본론으로 들어가겠습니다.

오버레이를 지우는 방법에는 map.removeOverlay() 또는 map.clearOverlays() 두 가지가 있습니다. 한 번에 한 클래스의 폴리라인 오버레이를 제거하려고 하는데 두 방법 모두 작동하지 않습니다.

Baidu 데모(http://developer.baidu.com/map/jsdemo.htm#c1_17)에는 다음과 같은 RemoveOverlay()의 예가 있습니다.

function deletePoint(){
    var allOverlay = map.getOverlays();
    for (var i = 0; i < allOverlay.length -1; i++){
      if(allOverlay[i].getLabel().content == "我是id=1"){
        map.removeOverlay(allOverlay[i]);
        return false;
      }
    }
  }
로그인 후 복사

모든 오버레이를 순회하여 제거할 오버레이를 필터링합니다. 덮개 유형을 제거하려면 덮개를 추가할 때 제한을 설정할 수 있습니다.

1단계: 덮개를 추가할 때 제거할 필요가 없는 덮개에 대해 비활성화MassClear()를 설정합니다.

disableMassClear()
로그인 후 복사

none은 map.clearOverlays 메소드에서 오버레이가 지워지는 것을 비활성화합니다. (1.1부터 추가됨)

여기에서는 마커를 제거할 필요가 없으므로 설정은 다음과 같습니다.

marker.disableMassClear();
로그인 후 복사

2단계: 지울 오버레이를 지웁니다. 여기서는 마커를 지우지 않고 폴리라인을 모두 지워야 합니다. . 이제

map.clearOverlays();
로그인 후 복사

를 직접 사용하여 모든 폴리라인을 쉽게 지우고 마커를 유지할 수 있습니다.

3단계: 나중에 마커를 제거해야 하는 경우, 지우기 금지를 취소하려면 활성화MassClear() 메서드를 사용할 수 있습니다. map.clearOverlays 메소드에서 오버레이가 지워지도록 허용합니다. (1.1 이후 추가됨)

하지만 각 마커를 복원해야 하므로 순회해야 합니다.

enableMassClear()
로그인 후 복사

이렇게 하면 모든 오버레이의 삭제 가능한 작업이 복원됩니다.

특정 유형의 덮개를 효율적으로 작동하기 위한 간단한 3단계 설정입니다.

관련 권장 사항:

Drupal 7 오버레이 확장 방법에 대한 자세한 설명?

jquery 도구 시리즈 오버레이 learning_jquery

jquery_jquery

에서 오버레이 마스크 레이어 코드 구현

위 내용은 Baidu 지도 API에서 지정된 오버레이를 지우는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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

휴대폰에서 바이러스를 완전히 제거하는 방법 휴대폰에서 바이러스를 처리하는 권장 방법 휴대폰에서 바이러스를 완전히 제거하는 방법 휴대폰에서 바이러스를 처리하는 권장 방법 Feb 29, 2024 am 10:52 AM

휴대폰이 특정 트로이 목마 바이러스에 감염된 후에는 바이러스 백신 소프트웨어로 탐지 및 제거할 수 없습니다. 이 원리는 마치 C 드라이브를 포맷하고 바이러스에 감염된 컴퓨터를 완전히 제거할 수 있는 것과 같습니다. 시스템을 다시 설치한 다음, 휴대폰이 완고한 바이러스에 감염된 후 바이러스를 완전히 치료하는 방법을 설명하겠습니다. 방법 1: 휴대폰을 열고 "설정" - "기타 설정" - "휴대폰 복원"을 클릭하여 휴대폰을 공장 설정으로 복원합니다. 참고: 공장 설정을 복원하기 전에 휴대폰의 중요한 데이터를 백업해야 합니다. "시스템을 포맷하고 재설치하는 것과 같습니다." 복구 후 휴대폰의 데이터가 삭제됩니다. 방법 2 (1) 먼저 휴대폰을 끄고 "전원"을 길게 누릅니다. 버튼" + "볼륨 + 버튼 또는 볼륨 - 버튼"을 동시에 휴대폰에서.

WPS 클라우드 문서 공간을 확보하는 방법 WPS 클라우드 문서 공간을 확보하는 방법 Feb 24, 2024 pm 06:12 PM

WPS 클라우드 문서 공간이 꽉 찼을 때 정리하는 방법 클라우드 기술의 급속한 발전으로 점점 더 많은 사람들이 클라우드 스토리지를 사용하여 파일을 저장하고 관리하기 시작했습니다. 그 중 지능형 오피스 소프트웨어인 WPS Cloud Document는 사용자들 사이에서 매우 인기가 높습니다. 다만, 사용시간이 증가하고 파일이 누적됨에 따라 WPS 클라우드 문서의 저장공간이 가득 찰 수 있습니다. 그렇다면 WPS 클라우드 문서 공간이 가득 차면 어떻게 정리해야 할까요? 다음으로 몇 가지 일반적인 청소 방법을 소개하겠습니다. 첫 번째 방법은 원하지 않는 파일을 완전히 삭제하는 것입니다. 여

PHP 프로젝트에서 API 인터페이스를 호출하여 데이터를 크롤링하고 처리하는 방법은 무엇입니까? PHP 프로젝트에서 API 인터페이스를 호출하여 데이터를 크롤링하고 처리하는 방법은 무엇입니까? Sep 05, 2023 am 08:41 AM

PHP 프로젝트에서 API 인터페이스를 호출하여 데이터를 크롤링하고 처리하는 방법은 무엇입니까? 1. 소개 PHP 프로젝트에서는 종종 다른 웹사이트에서 데이터를 크롤링하고 이러한 데이터를 처리해야 합니다. 많은 웹사이트에서는 API 인터페이스를 제공하며, 우리는 이러한 인터페이스를 호출하여 데이터를 얻을 수 있습니다. 이 기사에서는 PHP를 사용하여 API 인터페이스를 호출하여 데이터를 크롤링하고 처리하는 방법을 소개합니다. 2. API 인터페이스의 URL과 매개변수를 얻으십시오. 시작하기 전에 대상 API 인터페이스의 URL과 필수 매개변수를 얻어야 합니다.

C 언어에서 콘솔을 지우는 방법은 무엇입니까? C 언어에서 콘솔을 지우는 방법은 무엇입니까? Sep 23, 2023 pm 09:57 PM

콘솔이나 출력 화면을 지우는 방법에는 여러 가지가 있으며 그 중 하나는 clrscr() 함수입니다. 함수가 호출되면 화면이 지워집니다. "conio.h" 헤더 파일에 선언되어 있습니다. "stdlib.h" 헤더 파일에 선언된 system("cls") 및 system("clear")과 같은 몇 가지 다른 메서드가 있습니다. 다음은 C 언어에서 콘솔을 지우는 구문입니다. clrscr();ORsystem("cls");ORsystem("clear"); 다음은 사용 방법입니다.

React API 호출 가이드: 백엔드 API와 상호작용하고 데이터를 전송하는 방법 React API 호출 가이드: 백엔드 API와 상호작용하고 데이터를 전송하는 방법 Sep 26, 2023 am 10:19 AM

ReactAPI 호출 가이드: 백엔드 API와 상호 작용하고 데이터를 전송하는 방법 개요: 최신 웹 개발에서는 백엔드 API와 상호 작용하고 데이터를 전송하는 것이 일반적인 요구 사항입니다. 널리 사용되는 프런트엔드 프레임워크인 React는 이 프로세스를 단순화하는 몇 가지 강력한 도구와 기능을 제공합니다. 이 기사에서는 React를 사용하여 기본 GET 및 POST 요청을 포함하여 백엔드 API를 호출하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 필요한 종속성을 설치하십시오. 먼저 Axi가 프로젝트에 설치되어 있는지 확인하십시오.

Python에서 LRU 캐시 지우기 Python에서 LRU 캐시 지우기 Sep 10, 2023 pm 12:57 PM

이 기사에서는 Python 성능에 구현된 LRUcache를 지우는 방법을 알아봅니다. LRUCache는 제한된 수의 항목을 저장하고

Oracle API 사용 가이드: 데이터 인터페이스 기술 탐색 Oracle API 사용 가이드: 데이터 인터페이스 기술 탐색 Mar 07, 2024 am 11:12 AM

Oracle은 세계적으로 유명한 데이터베이스 관리 시스템 제공업체이며, Oracle의 API(응용 프로그래밍 인터페이스)는 개발자가 Oracle 데이터베이스와 쉽게 상호 작용하고 통합하는 데 도움이 되는 강력한 도구입니다. 이 기사에서는 Oracle API 사용 가이드를 자세히 살펴보고 독자들에게 개발 프로세스 중에 데이터 인터페이스 기술을 활용하는 방법을 보여주고 구체적인 코드 예제를 제공합니다. 1.오라클

Oracle API 통합 전략 분석: 시스템 간 원활한 통신 달성 Oracle API 통합 전략 분석: 시스템 간 원활한 통신 달성 Mar 07, 2024 pm 10:09 PM

Oracle API 통합 전략 분석: 시스템 간의 원활한 통신을 위해서는 특정 코드 예제가 필요합니다. 오늘날 디지털 시대에 내부 기업 시스템은 서로 통신하고 데이터를 공유해야 하며 Oracle API는 원활한 통신을 돕는 중요한 도구 중 하나입니다. 시스템 간 통신. 이 기사에서는 OracleAPI의 기본 개념과 원칙부터 시작하여 API 통합 전략을 살펴보고 마지막으로 독자가 OracleAPI를 더 잘 이해하고 적용할 수 있도록 구체적인 코드 예제를 제공합니다. 1. 기본 오라클 API

See all articles