>  기사  >  웹 프론트엔드  >  Baidu 지도를 사용하여 마커 오버레이를 제거하는 방법

Baidu 지도를 사용하여 마커 오버레이를 제거하는 방법

亚连
亚连원래의
2018-06-09 13:43:552368검색

이제 바이두 지도에서 마커 덮개나 메이커 라벨 텍스트를 제거하는 방법에 대한 기사를 공유하겠습니다. 좋은 참고 가치가 있으며 모든 분들께 도움이 되기를 바랍니다.

은 다음과 같습니다.

var marker = new BMap.Marker(...);
//方法1
map.removeOverlay(marker);
//方法2
marker.remove(); 
//如果是Marker设置的setLabel还可以设置其样式来隐藏 
mapComponent.state.bikeMarkLabel.setStyle({
  display:"none"
}); 41787

label은 marker와 동일한 방식을 사용합니다.

방법 1과 방법 2를 사용하는 것이 좋습니다. 방법 3은 그냥 지우는 것보다 숨기는 것 입니다.

최근에 Baidu 지도 API를 사용하여 프로젝트를 수행했는데 지도에 마커와 폴리라인을 표시해야 합니다. 동시에 클릭에 따라 폴리라인을 표시하거나 지워야 하는데 지정된 피복을 지우는 문제가 발생하여 여러 검색을 했으나 완벽한 해결 방법을 찾을 수 없었습니다. 이 문제는 모든 사람과 공유하겠습니다. 이제 본론으로 들어가겠습니다.

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

위 내용은 모두를 위해 제가 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

vue를 사용하여 보조 경로 설정 방법 구현

react 프로젝트 개발

Vue-Router2.X에서 다중 라우팅 구현 구현

Vue2.X 및 후크 기능에서 라우팅 사용

반응 제어 구성 요소와 비제어 구성 요소의 자세한 해석

Vuejs 단일 파일 구성 요소(자세한 튜토리얼)

vue-lazyload에서 이미지 지연 로딩 플러그인 사용

위 내용은 Baidu 지도를 사용하여 마커 오버레이를 제거하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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