2b:null 2c:["$","title",null,{"children":"MapBox Simples | Alexandre R. Cajazeira Ramos | Observable"}] 31:T494,Buttons = { const form = html` `; if(selected==""){ if(form.start) form.start.onclick = () => { filteredPoints.map(d=>d.hover).forEach((d,i) => { setTimeout(() => { mutable selected2 = d; }, i*3000) mutable btnVoltar = true; }); }; // // if(form.start) form.start.onclick = () => chart.step1(); // } else{ var highmark=setTimeout(function(){while(highmark>0)clearTimeout(highmark--)})+100; mutable selected2 = ""; // mutable btnVoltar = false; } if(form.voltar) {form.voltar.onclick = () => { var highmark=setTimeout(function(){while(highmark>0)clearTimeout(highmark--)})+100; mutable resetChart = 0; mutable btnVoltar = false; mutable selected2 = ""}}; return form; }32:T970,map = { resetChart; const container = html`

`; yield container; const map = L.map(container, {minZoom: 5, maxZoom: 16}).setView(centro_map, mapZoom); var Esri_WorldImagery = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', { attribution: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community' }); Esri_WorldImagery.addTo(map); // L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { // attribution: '© OpenStreetMap contributors' // }).addTo(map); map.scrollWheelZoom.disable(); let info = L.control();let legend = L.control({position: 'bottomleft'}); var blueIcon = new L.Icon({ iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-blue.png', shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png', iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34], shadowSize: [41, 41] }); var redIcon = new L.Icon({ iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-red.png', shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png', iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34], shadowSize: [41, 41] }); const dotsLayerGroup = L.featureGroup(); filteredPoints.forEach( function(d) { let dot = L.marker([d.lat, d.lng], {icon:redIcon}).bindPopup(` ${d.hover}
Ver no Google Maps `,{ maxWidth : 250 }); dot.on('click', d=> { map.flyTo(d.target.getLatLng(),mapZoom)}); if(selected2== "" || selected2.indexOf(d.hover) != -1) dotsLayerGroup.addLayer(dot) }) dotsLayerGroup.addTo(map); if(dotsLayerGroup.getLayers().length >0){ var bonds = dotsLayerGroup.getBounds(); map.fitBounds(bonds); } if(dotsLayerGroup.getLayers().length == 1) dotsLayerGroup.getLayers()[0].openPopup(); return map; }33:T923,fonte = { const fonte = htl.html`
Fonte: Levantamento próprio

` return fonte; }34:T8cb, // Source: https://observablehq.com/@john-guerra/multi-auto-select // just call list "options2": function multiAutoSelect2(config = {}) { const { value, title, description, disabled, autocomplete = "off", placeholder, size, options2, list = "options2" } = Array.isArray(config) ? { options2: config } : config; const optionsSet = new Set(options2); const form = input({ type: "text", title, description, attributes: { disabled }, action: fm => { const addSelectedOption = d => { const ele = html`${d} `; ele.querySelector("button").addEventListener("click", b => { console.log("delete", d); fm.value.splice(fm.value.indexOf(d), 1); renderSelection(); fm.dispatchEvent(new CustomEvent("input")); fm.input.focus(); }); return ele; }; function renderSelection() { fm.output.innerHTML = ""; for (let o of fm.value) { fm.output.appendChild(addSelectedOption(o)); } } fm.input.value = ""; fm.value = value || []; fm.onsubmit = e => e.preventDefault(); fm.input.oninput = function(e) { e.stopPropagation(); if ( optionsSet.has(fm.input.value) && fm.value.indexOf(fm.input.value) === -1 ) { fm.value.push(fm.input.value); renderSelection(); fm.input.value = ""; fm.dispatchEvent(new CustomEvent("input")); } }; renderSelection(); }, form: html` ` }); form.output.style["margin-left"] = "0px"; console.log(form) return form; }35:[{"id":"c0e66d97ae2ec2cfa99ac46d3af8f6e53790727a7fc1654bd9324cd3ef11393c81b0a3348573bbcb0a0fb5f4fea89cff4b472b59e5cc103492882776bcf77c50","href":"https://static.observableusercontent.com/files/c0e66d97ae2ec2cfa99ac46d3af8f6e53790727a7fc1654bd9324cd3ef11393c81b0a3348573bbcb0a0fb5f4fea89cff4b472b59e5cc103492882776bcf77c50","name":"pontos_turisticos_srn.csv","type":"text/csv","lastModified":1689098549227.075,"size":1330},{"id":"05b6c3cf350594c65eaf10d93d0a02a64e49a6cd2b9ec59a97d07e0833dbdfc0bdc1cbc364371a38f35c4217b2c5783bcf667555dc4c60be62dc09081b477b68","href":"https://static.observableusercontent.com/files/05b6c3cf350594c65eaf10d93d0a02a64e49a6cd2b9ec59a97d07e0833dbdfc0bdc1cbc364371a38f35c4217b2c5783bcf667555dc4c60be62dc09081b477b68","name":"bairrosFortaleza.geojson","type":"application/geo+json","lastModified":1689098156204.72,"size":1494344},{"id":"e11e6db092875e4bedd07cc2939d3c52ddb8d5b7a308474fe073839382169ba155b62f4a2d104b76eb2e1b3f370106040d3cb95be878c1b3eb333a545fa95498","href":"https://static.observableusercontent.com/files/e11e6db092875e4bedd07cc2939d3c52ddb8d5b7a308474fe073839382169ba155b62f4a2d104b76eb2e1b3f370106040d3cb95be878c1b3eb333a545fa95498","name":"dfCategorizados_bairros (3).csv","type":"text/csv","lastModified":1689098156204.72,"size":154375}] 2f:{"id":"0d2005f5c146b2d0","slug":null,"title":"MapBox Simples","thumbnail":"7dba741b49ba582989ee9217e4ada51120022a374e16c595aa47a5de860a0a72","access_level":"public","create_time":"$D2023-07-11T17:55:56.204Z","update_time":"$D2025-04-07T23:46:05.070Z","view_time":null,"first_public_time":"$D2023-07-11T17:55:56.204Z","has_unpublished_edits":null,"fork":{"id":"4097cbf73062d1cc","slug":"templos-sem-definicao-dados-da-sefin","title":"Templos Sem Definição - Dados da Sefin","owner":{"id":"8e753d8464d231a8","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos"}},"stars":0,"starred":false,"owner":{"type":"team","id":"8e753d8464d231a8","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos","avatar_url":"https://avatars-next.observableusercontent.com/24092c234c1e156d4478bb8314522bb1b37a8ec8ee43d8a161f6931e7d8e6bed","tier":"starter_2024"},"version":1459,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"273de8807df2d5cc","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos","avatar_url":"https://avatars-next.observableusercontent.com/b3a734ec21bf9f0bb7a0ecaacac5767f34267e9be1b061f79faf1fb9146aa44d","tier":null}],"members":[{"type":"individual","id":"273de8807df2d5cc","login":"cajazeiraramos","name":"Alexandre R. Cajazeira Ramos","avatar_url":"https://avatars-next.observableusercontent.com/b3a734ec21bf9f0bb7a0ecaacac5767f34267e9be1b061f79faf1fb9146aa44d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"MapBox Simples","cells":[{"id":0,"value":"# MapBox Simples","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":831,"value":"title = md`### `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1254,"value":"viewof selected = autoSelect({\n options: dataPoints.map(d=>d.hover),\n placeholder: \"Saiba mais. . .\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1292,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1086,"value":"mutable selected2 = \"\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1109,"value":" mutable btnVoltar = false","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1123,"value":"mutable resetChart = 0;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"centro_map = [-9.011941,\t-42.688491];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"height = width/1.2;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"mapZoom = height>=500?12:10;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"mutable mapHeight = height;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1038,"value":"lista_destaque = [\n'8615-0',\n'305745-3',\n'20456-0',\n'44459-6',\n'493191-2',\n'204174-0',\n'95690-2',\n'163556-5',\n'165664-3',\n'971-7',\n'353125-2',\n'260889-8',\n'42817-5',\n'166548-0',\n'244315-5',\n'215332-7',\n \"\"\n\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1428,"value":"dataPoints = {\n\n const formatTime = d3.timeParse(\"%Y/%m/%d\");\n const formatDay = d3.timeParse(\"%d\");\n \n var dataRaw = d3.csvParse(await FileAttachment(\"pontos_turisticos_srn.csv\").text())\n dataRaw.forEach((d,i) => \n {\n d.lat = d.lat.replace(',','.');\n d.lng = d.lng.replace(',','.');\n });\n return dataRaw;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":284,"value":"filteredPoints = dataPoints.filter(d=> (selected== \"\" || selected.indexOf(d.hover) != -1))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":243,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":74,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"L = {\n const L = await require(\"leaflet@1.6/dist/leaflet.js\");\n if (!L._style) {\n const href = await require.resolve(\"leaflet@1/dist/leaflet.css\");\n document.head.appendChild(L._style = html``);\n }\n return L;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"import {radio} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":239,"value":"import {checkbox} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":433,"value":"import {Legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":672,"value":"import {autoSelect} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":703,"value":"import {multiAutoSelect} from \"@john-guerra/multi-auto-select\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":735,"value":"import { input } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":755,"value":"import {checkboxes} from \"@meetamit/multiple-choice-inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":733,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"