Problème d'affichage des cartes "Où WIMS est-il utilisé/installé ?"

Accueil Forums Forum sur le site Problème d'affichage des cartes "Où WIMS est-il utilisé/installé ?"

Ce sujet a 6 réponses, 5 participants et a été mis à jour par  eric, il y a 3 ans et 5 mois.

  • Auteur
    Messages
  • #2114

    Bonjour,
    J’ai voulu montré la répartion des serveurs WIMS via le lien « Où WIMS est-il installé ? » mais la carte ne s’affiche pas. Est-ce un problème de mon navigateur (FIREFOX) ou cela vient-il du site ?

    Marie-joelle Ramage
    Université Paris-Sud
    01 69 15 37 67

  • #2115

    Olivier
    Admin bbPress

    En fait, cela ne vient pas du navigateur (même souci ici)

    Le serveur qui donne les cartes répond ceci :
    Forbidden, wrong apikey
    cf avec cette image :
    http://c.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/6/32/21.png

    Olivier Bado - Université Nice Sophia Antipolis

  • #2120

    Julien
    Participant

    Bonjour,

    En te rendant sur le site Mapbox et en t’inscrivant tu récupéres un id à insèrer dans le code. Attention le service est gratuit jusqu’à 3000 vues par mois.

    Voili voilou

    
    <head>
    	<title>Leaflet Quick Start Guide Example</title>
    	<meta charset="utf-8" />
    
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css" />
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.ie.css" />
    <![endif]-->
    <script src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js"></script>
    </head>
    <body>
    	<div id="map" style="width: 600px; height: 400px"></div>
    <script>
    
    		var map = L.map('map').setView([51.505, -0.09], 13);
    
    		L.tileLayer('https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png', {
    			maxZoom: 18,
    			attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
    				'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
    				'Imagery © <a href="http://mapbox.com">Mapbox</a>',
    			id: 'examples.map-9ijuk24y'
    		}).addTo(map);
    
    		L.marker([51.5, -0.09]).addTo(map)
    			.bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup();
    
    		L.circle([51.508, -0.11], 500, {
    			color: 'red',
    			fillColor: '#f03',
    			fillOpacity: 0.5
    		}).addTo(map).bindPopup("I am a circle.");
    
    		L.polygon([
    			[51.509, -0.08],
    			[51.503, -0.06],
    			[51.51, -0.047]
    		]).addTo(map).bindPopup("I am a polygon.");
    
    		var popup = L.popup();
    
    		function onMapClick(e) {
    			popup
    				.setLatLng(e.latlng)
    				.setContent("You clicked the map at " + e.latlng.toString())
    				.openOn(map);
    		}
    
    		map.on('click', onMapClick);
    
    	</script>
    
    
    • Cette réponse a été modifiée le il y a 3 ans et 7 mois par  Julien.
  • #2122

    bernadette
    Admin bbPress

    Oui, c’est ce qu’on avait fait l’année dernière, mais visiblement, le numéro n’est pas éternel !

    Ou plutôt les conditions ont changées : car on n’a le droit qu’à 2O points par carte, dans la version gratuite. Sinon, c’est 5 dollars par mois.
    Cela vaut-il le coup ?

    Bernadette

    • Cette réponse a été modifiée le il y a 3 ans et 7 mois par  bernadette.
  • #2124

    Julien
    Participant

    A priori tu as le droit à vingt points si c’est le site qui gère mais vu que c’est leaflet qui génère l’affichage des points on est bon. Il faut juste créer une carte avec Mapbox sans les marqueurs. Récupérer l’id et ajouter les marqueurs en dur comme tu l’a déjà fait.

    Voili voilou

    • Cette réponse a été modifiée le il y a 3 ans et 7 mois par  Julien.
  • #2130

    bernadette
    Admin bbPress

    Je n’y suis pas arrivée ! Sortie de la plateforme WIMS, je suis très béotienne !
    Bernadette

  • #2353

    eric
    Participant

    Sur ma machine perso, la carte apparaît bien quand je change la ligne de code qui définit L.tileLayer, en remplaçant le truc avec un numéro compliqué par

    L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map);
    

    Il n’y a pas de numéro, donc (?) peut-être pas de limite de gratuité ?

    Eric

Vous devez être connecté pour répondre à ce sujet.