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é ?"

Vous lisez 6 fils de discussion
  • 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-Saclay

    • #2115
      Up
      0
      Down
      OlivierOlivier
      Maître des clés

      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-Faustin / Université Nice Sophia Antipolis

    • #2120
      Up
      0
      Down
      Julien
      Modérateur

      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 6 années et 3 mois par Julien.
    • #2122
      Up
      0
      Down
      bernadette
      Maître des clés

      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 6 années et 3 mois par bernadette.
    • #2124
      Up
      0
      Down
      Julien
      Modérateur

      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 6 années et 3 mois par Julien.
    • #2130
      Up
      0
      Down
      bernadette
      Maître des clés

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

    • #2353
      Up
      0
      Down
      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 lisez 6 fils de discussion
  • Vous devez être connecté pour répondre à ce sujet.