Leaflet: Erreur : le conteneur de carte est déjà initialisé

On dirait que vous essayez de réinitialiser une carte existante... Les panneaux de problèmes ici sont plus destinés à résoudre les bogues et les suggestions de nouvelles fonctionnalités. StackOverflow (http://stackoverflow.com/questions/tagged/leaflet) est un meilleur endroit pour dépanner votre utilisation de la bibliothèque. Si vous pensez que cela provient d'un bogue, publiez votre exemple de cas dans un JSFiddle ou un autre site de démonstration.

Il semble que le problème soit lié à la mise en œuvre dans MVVM et non à un bogue. Je vais essayer de rechercher des exemples de MVVM à l'aide de la notice.

même problème ici ... qu'est-ce que cela pourrait être?

@ralexrdz peut-être un conteneur que vous initialisez plus d'une fois ?

@mourner Le html est essentiellement le chargement de la tête html js et css et un div avec id="map". Et le seul js que j'ai est
map.setView([19.34, -99.15], 12);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
attribution : 'Données cartographiques © contributeurs OpenStreetMap , CC-BY-SA , Imagerie © Mapbox ',
maxZoom : 18,
identifiant : 'mapboxMapId,
accessToken : 'mapboxAccessToken'
}).addTo(carte);
Comment cela se pourrait-il qu'un conteneur soit initialisé avant?

j'ai le même problème, j'utilise un dépliant dans React

Ce sera probablement un bug de la notice de réaction @epicallan

@danzel j'utilise react , son bug de notice de réaction, je viens de faire quelques contournements hacky

@epicallan Pouvez-vous s'il vous plaît expliquer ce que vous avez fait ? J'ai le même problème avec React et Leaflet.

Avant d'initialiser la carte, vérifiez si la carte est déjà lancée ou non

var container = L.DomUtil.get('map');
if(container != null){
conteneur._leaflet_id = null ;
}

@Dipinrajc Avec cette méthode, vous n'êtes pas disponible pour faire glisser la souris sur la carte.

Une idée de comment faire glisser à nouveau la carte avec la souris @adrielstar ?

Je nous présente @fillipefeitosa .

HTML :
< div id="carte" >< /div>

carte de rendu :
document.getElementById('map').innerHTML = "< div id='map' style='width : 100 % ; height : 100%;'>" ;

pour recharger le contenu de div où rendre la carte.
Hop ça t'aidera aussi

Merci l'ami, mais cela n'a pas fonctionné. Il a remplacé mon var map par la div et la carte ne se charge pas

Avant d'initialiser la carte, vérifiez si la carte est déjà lancée ou non

var container = L.DomUtil.get('map');
if(container != null){
conteneur._leaflet_id = null ;
}

existe-t-il une méthode de notice existante pour cela?

même problème chez moi :(

Avant d'initialiser la carte, vérifiez si la carte est déjà lancée ou non
var container = L.DomUtil.get('map');
if(container != null){
conteneur._leaflet_id = null ;
}

existe-t-il une méthode de notice existante pour cela?

@enzojimenez , vous pouvez créer une méthode pour cela comme je l'ai créé ci-dessous

function initializingMap() // appelez cette méthode avant d'initialiser votre carte.
{
var container = L.DomUtil.get('map');
if(container != null){
conteneur._leaflet_id = null ;
}
}

Pour résoudre le problème, définissez :
importer * en tant que carte à partir de 'dépliant' ;

@ViewChild ('map') mapElement : ElementRef ;
carte : Carte.Carte ;

this.map = Map.map (this.mapElement.nativeElement, {
Zoom max : 18
});

Solution ci-dessous : https://www.designlimbo.com/leaflet-ionic-3-and-map-container-is-already-initialized/

comme dit ici , ce serait la meilleure façon de le faire:
if (map != undefined) { map.remove(); }

Avant d'initialiser la carte, vérifiez si la carte est déjà lancée ou non

var container = L.DomUtil.get('map');
if(container != null){
conteneur._leaflet_id = null ;
}

Vous êtes un ange