2b:null 2c:["$","title",null,{"children":"Trouver des coordonnées | Anders | Observable"}] 31:T594,map = { const WIDTH = width const HEIGHT = width * 0.6 let container = DOM.element('div', { style: `width:${WIDTH}px;height:${HEIGHT}px` }) // , yield container const input = document.createElement('input') input.placeholder = 'ville' input.style.marginBottom = '0.5em' input.style.fontSize = '1.5em' container.appendChild(input) const mapContainer = document.createElement('div') mapContainer.style.width = WIDTH + 'px' mapContainer.style.height = (HEIGHT - 50) + 'px' container.append(mapContainer) const map = L.map(mapContainer).setView([46.7785, 6.6412], 14) // 47.5581077 7.5878261 const marker = L.marker([46.7785, 6.6412]).addTo(map) marker.bindPopup(` LON: 6.6412
LAT: 46.7785 `).openPopup() L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 19, attribution: '© OpenStreetMap contributors' }).addTo(map) map.on('click', e => { marker.setLatLng(e.latlng) const { lat, lng } = e.latlng marker.bindPopup(` LON: ${rnd(lng)}
LAT: ${rnd(lat)} `).openPopup() }) input.addEventListener('keyup', e => { const v = e.target.value if (e.key === 'Enter' && v !== '') { getPlace(v) .then(d => { if (d) { map.flyTo([d.lat, d.lng]) } }) } }) }32:[] 2f:{"id":"d3b58b285b77d510","slug":"trouver-des-coordonnees","title":"Trouver des coordonnées","thumbnail":"1e66b0479b776523891f4f3571ab990e8857a44f00e95d6ce52ca57409ea6138","access_level":"public","create_time":"$D2021-04-19T07:00:37.214Z","update_time":"$D2021-04-20T11:50:16.906Z","view_time":null,"first_public_time":"$D2021-04-20T11:50:40.153Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"185626bcadc26005","login":"idris-maps","name":"Anders","avatar_url":"https://avatars-next.observableusercontent.com/d976ffbf18d2b8f93ce6f7e9af33d17c450a64656a0b0f89e2a5b3f16cef7aec","tier":"starter_2024"},"version":110,"publish_version":110,"role":null,"authored":false,"authors":[{"type":"individual","id":"37cf327f614a460d","login":"idris-maps","name":"Anders","avatar_url":"https://avatars-next.observableusercontent.com/d976ffbf18d2b8f93ce6f7e9af33d17c450a64656a0b0f89e2a5b3f16cef7aec","tier":null}],"members":[{"type":"individual","id":"37cf327f614a460d","login":"idris-maps","name":"Anders","avatar_url":"https://avatars-next.observableusercontent.com/d976ffbf18d2b8f93ce6f7e9af33d17c450a64656a0b0f89e2a5b3f16cef7aec","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":{"id":"04f4b394708037c7","slug":"heig-visdom-2020","title":"HEIG-visdom-2020","owner":{"id":"185626bcadc26005","login":"idris-maps","name":"Anders"}},"type":"notebook","body":{"title":"Trouver des coordonnées","cells":[{"id":0,"value":"md`# Trouver des coordonnées`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2,"value":"L = require('leaflet@1.7.1')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":67,"value":"rnd = d => Math.round(d * 100000) / 100000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":84,"value":"getPlace = d => fetch(`https://nominatim.openstreetmap.org/search.php?city=${encodeURIComponent(d)}&format=jsonv2`)\n .then(r => r.json())\n .then(d => d[0] ? { lat: d[0].lat, lng: d[0].lon } : undefined)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"