Maison interface Web js tutoriel Comment effacer la superposition spécifiée dans l'API de la carte Baidu

Comment effacer la superposition spécifiée dans l'API de la carte Baidu

Jan 31, 2018 am 09:43 AM
api désignation 清除

Cet article partage principalement avec vous une méthode pour effacer la superposition spécifiée (Overlay) basée sur l'API Baidu Maps. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Récemment, je travaillais sur un projet utilisant l'API Baidu Map. J'avais besoin d'afficher des marqueurs et des polylignes sur la carte en même temps, et les polylignes devaient être affichées ou effacées en fonction des clics. J'ai rencontré le problème de la suppression des superpositions spécifiées. Après diverses recherches, je n'ai pas trouvé de solution parfaite. Grâce à ma propre réflexion, j'ai trouvé un moyen de résoudre ce problème et je l'ai publié pour le partager avec tout le monde. Bon, venons-en au fait :

Il existe deux méthodes pour effacer les superpositions : map.removeOverlay() ou map.clearOverlays(). La méthode clearOverlays() supprime toutes les superpositions en même temps, et removeOverlay() les supprime. les tous en même temps. Une superposition désignée, évidemment, je souhaite supprimer une classe de superpositions de polylignes à la fois, aucune des deux méthodes ne fonctionne.

La démo Baidu (http://developer.baidu.com/map/jsdemo.htm#c1_17) contient un exemple de removeOverlay(), comme suit :

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;
      }
    }
  }
Copier après la connexion

s'effectue en traversant toutes les superpositions Pour filtrer la couverture à supprimer ;

Pour un type de couverture à supprimer ; vous pouvez définir des restrictions lors de l'ajout d'une couverture

Étape 1 : Lors de l'ajout d'une couverture, définissez DisableMassClear ( ) pour les superpositions qui n'ont pas besoin d'être supprimées ; la documentation officielle du site Web explique comme suit

disableMassClear()
Copier après la connexion

aucun n'interdit d'effacer les superpositions dans la méthode map.clearOverlays. (Ajouté depuis la version 1.1)

Je n'ai pas besoin de supprimer le marqueur ici, les paramètres sont donc les suivants :

marker.disableMassClear();
Copier après la connexion

Étape 2 : Effacez la superposition à effacer, ce qui doit à effacer ici Pour supprimer toutes les polylignes sans effacer les marqueurs, vous pouvez maintenant utiliser directement

map.clearOverlays();
Copier après la connexion

De cette façon, vous pouvez facilement effacer toutes les polylignes tout en conservant les marqueurs

Étape 3 : Lorsque vous besoin de modifier les marqueurs plus tard Lors de la suppression de l'opération, vous pouvez utiliser la méthode activateMassClear() pour annuler l'interdiction d'effacement

enableMassClear()
Copier après la connexion

none permet d'effacer la superposition dans la méthode map.clearOverlays ; (Nouveau depuis la 1.1)

Cependant, chaque marqueur doit être restauré, il doit donc être parcouru :

var allOverlay = map.getOverlays();
      for (var i = 0; i < allOverlay.length; i++) {
        allOverlay[i].enableMassClear();
      }
Copier après la connexion

Cela restaure les opérations effaçables de toutes les superpositions.

Une simple configuration en trois étapes peut faire fonctionner efficacement le type de revêtement spécifié.

Recommandations associées :

Explication détaillée de la façon d'étendre Overlay dans Drupal 7 ?

superposition de la série d'outils jquery learning_jquery

Implémenter le code de calque de masque de superposition sous jquery_jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment supprimer complètement les virus des téléphones mobiles Méthodes recommandées pour lutter contre les virus sur les téléphones mobiles Comment supprimer complètement les virus des téléphones mobiles Méthodes recommandées pour lutter contre les virus sur les téléphones mobiles Feb 29, 2024 am 10:52 AM

Une fois qu'un téléphone mobile est infecté par un certain virus cheval de Troie, il ne peut pas être détecté et tué par un logiciel antivirus. Ce principe est similaire à celui d'un ordinateur infecté par un virus tenace. Le virus ne peut être complètement supprimé qu'en formatant le lecteur C et en le supprimant. réinstaller le système, puis j'expliquerai comment nettoyer complètement le virus une fois que le téléphone mobile est infecté par un virus tenace. Méthode 1 : ouvrez le téléphone et cliquez sur « Paramètres » - Autres paramètres - « Restaurer le téléphone » pour restaurer les paramètres d'usine du téléphone. Remarque : Avant de restaurer les paramètres d'usine, vous devez sauvegarder les données importantes du téléphone. Les paramètres d'usine sont équivalents. à celles de l'ordinateur. "C'est la même chose que le formatage et la réinstallation du système." Après la récupération, les données du téléphone seront effacées. Méthode 2 (1) Éteignez d'abord le téléphone, puis appuyez et maintenez le "bouton d'alimentation". " + "bouton volume + ou bouton volume -" sur le téléphone en même temps.

Comment libérer de l'espace pour les documents cloud WPS Comment libérer de l'espace pour les documents cloud WPS Feb 24, 2024 pm 06:12 PM

Comment libérer l'espace des documents cloud WPS lorsqu'il est plein Avec le développement rapide de la technologie cloud, de plus en plus de personnes commencent à utiliser le stockage cloud pour stocker et gérer leurs fichiers. Parmi eux, WPS Cloud Document, en tant que logiciel de bureautique intelligent, est très apprécié des utilisateurs. Cependant, à mesure que la durée d'utilisation augmente et que les fichiers s'accumulent, l'espace de stockage des documents cloud WPS peut être saturé. Alors, lorsque l’espace des documents du cloud WPS est plein, comment devons-nous le vider ? Ensuite, nous vous présenterons quelques méthodes de nettoyage courantes. La première méthode consiste à supprimer complètement les fichiers indésirables. W

Comment explorer et traiter les données en appelant l'interface API dans un projet PHP ? Comment explorer et traiter les données en appelant l'interface API dans un projet PHP ? Sep 05, 2023 am 08:41 AM

Comment explorer et traiter les données en appelant l'interface API dans un projet PHP ? 1. Introduction Dans les projets PHP, nous devons souvent explorer les données d'autres sites Web et traiter ces données. De nombreux sites Web fournissent des interfaces API et nous pouvons obtenir des données en appelant ces interfaces. Cet article explique comment utiliser PHP pour appeler l'interface API afin d'explorer et de traiter les données. 2. Obtenez l'URL et les paramètres de l'interface API Avant de commencer, nous devons obtenir l'URL de l'interface API cible et les paramètres requis.

Comment effacer la console en langage C ? Comment effacer la console en langage C ? Sep 23, 2023 pm 09:57 PM

Il existe plusieurs façons d'effacer la console ou l'écran de sortie, dont la fonction clrscr(). Il efface l'écran lorsque la fonction est appelée. Il est déclaré dans le fichier d'en-tête "conio.h". Il existe d'autres méthodes telles que system("cls") et system("clear"), qui sont déclarées dans le fichier d'en-tête "stdlib.h". Voici la syntaxe pour effacer la console en langage C : clrscr();ORsystem("cls");ORsystem("clear");Ce qui suit est une utilisation

Guide d'appel de l'API React : Comment interagir et transférer des données avec l'API backend Guide d'appel de l'API React : Comment interagir et transférer des données avec l'API backend Sep 26, 2023 am 10:19 AM

Guide d'appel ReactAPI : Comment interagir avec et transférer des données vers l'API backend Présentation : Dans le développement Web moderne, interagir avec et transférer des données vers l'API backend est une exigence courante. React, en tant que framework frontal populaire, fournit des outils et fonctionnalités puissants pour simplifier ce processus. Cet article explique comment utiliser React pour appeler l'API backend, y compris les requêtes de base GET et POST, et fournit des exemples de code spécifiques. Installez les dépendances requises : Tout d'abord, assurez-vous qu'Axi est installé dans le projet

Effacer le cache LRU en Python Effacer le cache LRU en Python Sep 10, 2023 pm 12:57 PM

Dans cet article, nous apprendrons comment effacer un LRUcache implémenté dans les performances Python. LRUCache stocke un nombre limité d'éléments et

Guide d'utilisation de l'API Oracle : exploration de la technologie d'interface de données Guide d'utilisation de l'API Oracle : exploration de la technologie d'interface de données Mar 07, 2024 am 11:12 AM

Oracle est un fournisseur de systèmes de gestion de bases de données de renommée mondiale et son API (Application Programming Interface) est un outil puissant qui aide les développeurs à interagir et à s'intégrer facilement aux bases de données Oracle. Dans cet article, nous approfondirons le guide d'utilisation de l'API Oracle, montrerons aux lecteurs comment utiliser la technologie d'interface de données pendant le processus de développement et fournirons des exemples de code spécifiques. 1.Oracle

Analyse de la stratégie d'intégration des API Oracle : parvenir à une communication transparente entre les systèmes Analyse de la stratégie d'intégration des API Oracle : parvenir à une communication transparente entre les systèmes Mar 07, 2024 pm 10:09 PM

Analyse de la stratégie d'intégration de l'API Oracle : pour parvenir à une communication transparente entre les systèmes, des exemples de code spécifiques sont nécessaires. À l'ère numérique d'aujourd'hui, les systèmes internes de l'entreprise doivent communiquer entre eux et partager des données, et l'API Oracle est l'un des outils importants pour contribuer à une communication transparente. communication entre les systèmes. Cet article commencera par les concepts et principes de base d'OracleAPI, explorera les stratégies d'intégration d'API et enfin donnera des exemples de code spécifiques pour aider les lecteurs à mieux comprendre et appliquer OracleAPI. 1. API Oracle de base

See all articles