웹 프론트엔드 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 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++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) 먼저 휴대폰을 끄고 "전원"을 길게 누릅니다. 버튼" + "볼륨 + 버튼 또는 볼륨 - 버튼"을 동시에 휴대폰에서.

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

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

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

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

Laravel API 오류 문제를 처리하는 방법 Laravel API 오류 문제를 처리하는 방법 Mar 06, 2024 pm 05:18 PM

제목: Laravel API 오류 보고 처리 방법, 구체적인 코드 예제가 필요합니다. Laravel을 개발하다 보면 API 오류가 자주 발생합니다. 이러한 오류는 프로그램 코드 논리 오류, 데이터베이스 쿼리 문제, 외부 API 요청 실패 등 다양한 이유로 인해 발생할 수 있습니다. 이러한 오류 보고서를 처리하는 방법은 핵심 문제입니다. 이 문서에서는 Laravel API 오류 보고서를 효과적으로 처리하는 방법을 보여주기 위해 특정 코드 예제를 사용합니다. 1. Laravel의 오류 처리

Safari의 개인정보 보호 브라우징 모드를 사용하는 방법 Safari의 개인정보 보호 브라우징 모드를 사용하는 방법 Nov 29, 2023 pm 11:33 PM

이 모드는 검색 기록이 Apple 장치에 기록되는 것을 방지합니다. 예를 들어, 친구나 가족을 위해 온라인으로 선물을 구매할 때, 귀하의 기기에 접근할 수 있는 사람이 귀하가 무엇을 하고 있는지 알기를 원하지 않는 경우에 이 기능이 유용합니다. 물론, 탐색해서는 안 되는 곳을 탐색했고 Safari의 전용 개인정보 보호 모드를 사용하지 않았다면 걱정하지 마세요. 기존 탐색 기록을 삭제하는 두 가지 방법도 알려드리겠습니다. 방법을 알아보려면 계속 읽어보세요. Safari의 개인 정보 보호 브라우징 모드를 사용하여 개인 정보 보호 브라우징을 활성화하면 다음과 같은 세 가지 중요한 방식으로 Safari가 제한됩니다. 브라우저가 방문한 페이지 기록을 생성하지 못하게 하고 웹사이트와 같은 자동 완성 정보를 차단합니다.

Python을 사용하여 API 데이터를 CSV 형식으로 저장 Python을 사용하여 API 데이터를 CSV 형식으로 저장 Aug 31, 2023 pm 09:09 PM

데이터 기반 애플리케이션 및 분석 세계에서 API(애플리케이션 프로그래밍 인터페이스)는 다양한 소스에서 데이터를 검색하는 데 중요한 역할을 합니다. API 데이터로 작업할 때 액세스하고 조작하기 쉬운 형식으로 데이터를 저장해야 하는 경우가 많습니다. 그러한 형식 중 하나는 표 형식의 데이터를 효율적으로 구성하고 저장할 수 있는 CSV(쉼표로 구분된 값)입니다. 이 기사에서는 강력한 프로그래밍 언어인 Python을 사용하여 API 데이터를 CSV 형식으로 저장하는 프로세스를 살펴봅니다. 이 가이드에 설명된 단계를 수행하여 API에서 데이터를 검색하고, 관련 정보를 추출하고, 추가 분석 및 처리를 위해 CSV 파일에 저장하는 방법을 알아봅니다. Python을 사용한 API 데이터 처리의 세계에 대해 알아보고 CSV 형식의 잠재력을 활용해 보겠습니다.

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

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

Douyin에서 검색하려는 단어를 완전히 제거하는 방법은 무엇입니까? 끌 수 있나요? Douyin에서 검색하려는 단어를 완전히 제거하는 방법은 무엇입니까? 끌 수 있나요? Mar 19, 2024 pm 12:40 PM

오늘날의 정보화 시대에 소셜 미디어는 사람들의 일상생활에 통합되어 없어서는 안 될 부분이 되었습니다. 가장 인기 있는 짧은 비디오 애플리케이션 중 하나인 Douyin은 매일 수억 명의 사용자가 플랫폼에서 다양하고 흥미로운 비디오 콘텐츠를 시청하고 공유하도록 유도합니다. 그러나 Douyin의 "검색하려는 내용 추측" 기능은 일부 사용자에게 문제를 일으켰습니다. 이 기능은 개인정보 분석 및 알고리즘을 활용해 콘텐츠를 추천하는 기능으로, 때로는 사용자의 관심분야와 관련이 있지만 실제로 보고 싶은 내용이 아닌 영상이 표시되어 사용자가 불편하거나 혼란스러워하는 경우가 있습니다. 일부 사용자는 이러한 개인화된 추천이 개인 정보를 침해하거나 시청 경험을 오도할 수 있다고 걱정합니다. "검색하려는 내용 추측" 기능은 보다 개인화된 기능을 제공하도록 설계되었지만 Douyin에서 검색하려는 단어를 어떻게 완전히 제거합니까? TikTok을 지워볼 수 있습니다

See all articles