25:["$","title",null,{"children":"Leaflet map test | Peter Donovan | Observable"}] 49:Ta12,{ // set up the basic map let parent = DOM.element("div", { style: `width:600px;height:${width / 1.5}px` }); yield parent; const token = "pk.eyJ1Ijoic29pbGNhcmJvbiIsImEiOiIzM2FlZmY2MThiNzc5ZTI1ZTZmZTgyYjg4ZTU5NjQ1YSJ9.eI4E3Ik2GgCoVkQqp6mjJQ"; let map = L.map(parent).setView([45.3, -118], 8); // let osm = L.tileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", { // attribution: // '© OpenStreetMap' // }).addTo(map); let satellite = L.tileLayer( "https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}", { attribution: 'Map data © OpenStreetMap contributors, CC-BY-SA, Imagery © Mapbox', maxZoom: 18, id: "mapbox.satellite", accessToken: token } ).addTo(map); let redIcon = new L.Icon({ iconUrl: "https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-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] }); // for (var i = 0; i < precipGauges.length; i++) { // var marker = L.marker(precipGauges[i].coordinates) // .addTo(map) // .bindTooltip( // precipGauges[i].name + // "
" + // precipGauges[i].date_range[0] + // " to " + // precipGauges[i].date_range[1] // ); // } let imbo = L.marker([45.43333, -117.96666]) .addTo(map) .bindTooltip("Agrimet Imbler since 1994"); let nopo = L.marker([45.00342, -117.94233]) .addTo(map) .bindTooltip("Agrimet North Powder since 2022"); let starkey = L.marker([45.26664194, -118.3812831], { icon: redIcon }) .addTo(map) .bindTooltip("STARKEY
OWRD, since 1992"); let abBear = L.marker([45.26854389, -118.5262311], { icon: redIcon }) .addTo(map) .bindTooltip("AB BEAR CR
OWRD, since 1977"); // for (var i = 0; i < streamGauges.length; i++) { // var marker = L.marker(streamGauges[i].coordinates, { icon: redIcon }) // .addTo(map) // .bindTooltip(streamGauges[i].name + "
" + streamGauges[i].date_range); // } let baseMaps = { // streets: osm, satellite: satellite }; L.control.layers(baseMaps).addTo(map); L.control.scale().addTo(map); }4a:[] 29:{"id":"4cca35179beea98a","slug":null,"title":"Leaflet map test","thumbnail":"a79c6694549e2222258839194f488992bc5445452c0ad896538f819bd274b1f4","access_level":"public","create_time":"$D2023-12-14T00:59:58.073Z","update_time":"$D2026-02-09T18:13:57.267Z","view_time":null,"first_public_time":"$D2023-12-14T00:59:58.073Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"e2b593d20ef3388a","login":"managingwholes","name":"Peter Donovan","avatar_url":"https://avatars-next.observableusercontent.com/6ff849db058c39c81342ebf90aa84a9f6a536ac9ded98087e309e6a9ce577bf5","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":10,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"0550a7b94f6b94ca","login":"managingwholes","name":"Peter Donovan","avatar_url":"https://avatars-next.observableusercontent.com/6ff849db058c39c81342ebf90aa84a9f6a536ac9ded98087e309e6a9ce577bf5","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"0550a7b94f6b94ca","login":"managingwholes","name":"Peter Donovan","avatar_url":"https://avatars-next.observableusercontent.com/6ff849db058c39c81342ebf90aa84a9f6a536ac9ded98087e309e6a9ce577bf5","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Leaflet map test","cells":[{"id":0,"value":"# Leaflet map test","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"$49","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"L = require(\"leaflet@1.7.1\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null