Accueil › Forums › Forum sur le site › Problème d'affichage des cartes "Où WIMS est-il utilisé/installé ?"
- Ce sujet contient 6 réponses, 5 participants et a été mis à jour pour la dernière fois par
eric, le il y a 8 années et 11 mois.
-
AuteurMessages
-
-
28 avril 2014 à 16:42 #2114
Marie-joëlle Ramage
Participant -
29 avril 2014 à 09:38 #2115
Olivier
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.pngOlivier Bado-Faustin / Université Côte d’Azur
-
30 avril 2014 à 22:22 #2120
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 © <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 9 années et 1 mois par
Julien.
-
Cette réponse a été modifiée le il y a 9 années et 1 mois par
-
1 mai 2014 à 22:17 #2122
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 9 années et 1 mois par
bernadette.
-
Cette réponse a été modifiée le il y a 9 années et 1 mois par
-
2 mai 2014 à 15:17 #2124
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 9 années et 1 mois par
Julien.
-
Cette réponse a été modifiée le il y a 9 années et 1 mois par
-
4 mai 2014 à 20:36 #2130
bernadette
Maître des clés -
30 juin 2014 à 18:14 #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: '© <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
-
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.