32:T7c6,// La carte map = { // Création du

conteneur de la carte let container = DOM.element('div', { style: `width:${width}px;height:${width/2}px` }); // Rendu du conteneur pour qu'il se dimensionne avant que Leaflet ne dessine la carte yield container; // Création de la carte avec une couche OSM issue de MapBox (token privé limité) let map = L.map(container).setView([47, 4], 5); let osmLayer = L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', { attribution: 'MapBox OSM | © OpenStreetMap contributors', tileSize: 512, maxZoom: 18, zoomOffset: -1, id: 'mapbox/streets-v11', accessToken: 'pk.eyJ1IjoibGplZ291IiwiYSI6ImNraWtjOGpkczA2bW4ycmxiODI1cDA4bXMifQ.Qczdiag5bGllgEGW2wRyMg' }).addTo(map); // Ajout d'une couche d'entités GeoJSON provenant d'un fichier attaché for (var i=0; i { // var nlng = Math.round((e.latlng.lng)*100)/100; // var nlat = Math.round((e.latlng.lat)*100)/100; // viewof latitude.value = nlat; // viewof longitude.value = nlng; // viewof latitude.dispatchEvent(new CustomEvent("input")); // viewof longitude.dispatchEvent(new CustomEvent("input")); // marker.setLatLng(e.latlng); //}); var pm = new L.latLng(point_moyen_pondere[1], point_moyen_pondere[0]); marker.setLatLng(pm); }33:[{"id":"90d7877374bde67d3e8009b466e57e46b5261735daf7acc84afd6ed773482a557ea4f0d7e448de666f84f4dd09e95e6ff5709774e964698b8b52490165e0d18d","href":"https://static.observableusercontent.com/files/90d7877374bde67d3e8009b466e57e46b5261735daf7acc84afd6ed773482a557ea4f0d7e448de666f84f4dd09e95e6ff5709774e964698b8b52490165e0d18d","name":"green.png","type":"image/png","lastModified":1641378363819.75,"size":4104}] 30:{"title":"Semis de points pondérés : point moyen et distance-type pondérés","cells":[{"id":4,"value":"# Semis de points pondérés : point moyen et distance-type pondérés","pinned":false,"hidden":false,"mode":"md"},{"id":89,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":368,"value":"point_moyen_pondere = {\n var n = data.features.length;\n var sx = 0; var sy = 0; var sp = 0;\n for (var i=0; i d)\n .style(\"background-color\", \"#aaa\")\n .style(\"color\", \"#fff\")\n \n \n table.append(\"tbody\")\n .selectAll(\"tr\")\n .data(pn)\n .join(\"tr\")\n .selectAll(\"td\")\n .data(row => d3.entries(row))\n .join(\"td\")\n .text(d => d.value);\n \n return table.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"// Lien vers la feuille de styles CSS\nhtml``","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"// Calculs de distance\npn = {\n function to_rad(degrees)\n {\n var pi = Math.PI;\n return degrees * (pi/180);\n }\n var vlat = point_moyen_pondere[1];\n var vlng = point_moyen_pondere[0];\n var pn = data.features.map(d => d.properties.name);\n var plong = data.features.map(d => Math.round(d.geometry.coordinates[0]*100)/100);\n var plat = data.features.map(d => Math.round(d.geometry.coordinates[1]*100)/100);\n var vdo = data.features.map(d => Math.round(Math.sqrt(Math.pow((d.geometry.coordinates[0]-vlng),2)+Math.pow((d.geometry.coordinates[1]-vlat),2))*100)/100);\n var ort = data.features.map(d => Math.round(Math.acos(Math.sin(to_rad(vlat))*Math.sin(to_rad(d.geometry.coordinates[1]))+Math.cos(to_rad(vlat))*Math.cos(to_rad(d.geometry.coordinates[1]))*Math.cos(to_rad(d.geometry.coordinates[0])-to_rad(vlng)))*6371*100)/100);\n var pt = pn.map( function(value, index) {\n return {\"nom\":value, \"Long\": plong[index], \"Lat\":plat[index], \"DVO\":vdo[index], \"ORT\":ort[index]};\n });\n return pt;\n}\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":84,"value":"L = require('leaflet');","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}