29:null 2a:["$","title",null,{"children":"SPBSCH | ObeyMyGH | Observable"}] 2f:Te10,mapStyle = [ { elementType: "geometry", stylers: [ { color: "#f5f5f5" } ] }, { elementType: "labels.icon", stylers: [ { visibility: "off" } ] }, { elementType: "labels.text", stylers: [ { color: "#003865" } ] }, { elementType: "labels.text.fill", stylers: [ { color: "#616161" } ] }, { elementType: "labels.text.stroke", stylers: [ { color: "#f5f5f5" } ] }, { featureType: "administrative", elementType: "labels.text.fill", stylers: [ { color: "#003865" } ] }, { featureType: "administrative.country", elementType: "labels.text.fill", stylers: [ { color: "#003865" } ] }, { featureType: "administrative.land_parcel", elementType: "labels.text.fill", stylers: [ { color: "#003865" } ] }, { featureType: "administrative.locality", elementType: "labels.text.fill", stylers: [ { color: "#003865" } ] }, { featureType: "administrative.neighborhood", elementType: "geometry.fill", stylers: [ { color: "#003865" } ] }, { featureType: "administrative.neighborhood", elementType: "labels.text.fill", stylers: [ { color: "#003865" } ] }, { featureType: "administrative.province", elementType: "labels.text.fill", stylers: [ { color: "#003865" } ] }, { featureType: "poi", elementType: "geometry", stylers: [ { color: "#eeeeee" } ] }, { featureType: "poi", elementType: "labels.text.fill", stylers: [ { color: "#757575" } ] }, { featureType: "poi.park", elementType: "geometry", stylers: [ { color: "#e5e5e5" } ] }, { featureType: "poi.park", elementType: "labels.text.fill", stylers: [ { color: "#9e9e9e" } ] }, { featureType: "road", elementType: "geometry", stylers: [ { color: "#ffffff" } ] }, { featureType: "road.arterial", elementType: "labels.text.fill", stylers: [ { color: "#757575" } ] }, { featureType: "road.highway", elementType: "geometry", stylers: [ { color: "#dadada" } ] }, { featureType: "road.highway", elementType: "labels.text.fill", stylers: [ { color: "#616161" } ] }, { featureType: "road.local", elementType: "labels.text.fill", stylers: [ { color: "#9e9e9e" } ] }, { featureType: "transit.line", elementType: "geometry", stylers: [ { color: "#e5e5e5" } ] }, { featureType: "transit.line", elementType: "geometry.fill", stylers: [ { color: "#515151" } ] }, { featureType: "transit.station", elementType: "geometry", stylers: [ { color: "#eeeeee" } ] }, { featureType: "water", elementType: "geometry", stylers: [ { color: "#c9c9c9" } ] }, { featureType: "water", elementType: "geometry.fill", stylers: [ { color: "#003865" } ] }, { featureType: "water", elementType: "labels.text.fill", stylers: [ { color: "#9e9e9e" } ] } ]30:[{"id":"547559708d90b295c197842c671eb41bb77a9802ef936e17cf803cfd1ed3d44f7ce7e516125babf553a560e0ee553f800b67782d493c9a1aaa904f738ee89c5f","href":"https://static.observableusercontent.com/files/547559708d90b295c197842c671eb41bb77a9802ef936e17cf803cfd1ed3d44f7ce7e516125babf553a560e0ee553f800b67782d493c9a1aaa904f738ee89c5f","name":"spb_fulladdress.json","type":"application/json","lastModified":1718203257551.033,"size":283889}] 2d:{"id":"c1f04d680baa3216","slug":null,"title":"SPBSCH","thumbnail":"e40759d2836db2062dbf90a5d31b2b7ca4d631437be6c1e2a309a4ccf6065134","access_level":"public","create_time":"$D2024-06-12T14:13:36.989Z","update_time":"$D2024-06-12T14:50:33.814Z","view_time":null,"first_public_time":"$D2024-06-12T14:50:51.569Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"0354938a5dd10c5f","login":"obey","name":"ObeyMyGH","avatar_url":"https://avatars-next.observableusercontent.com/84c352432ac546e3e3229af582bcc15a3a78ab6da1ca97e8559b916972a1d0f1","tier":"starter_2024"},"version":100,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"440b42ffda60d765","login":"obey","name":"ObeyMyGH","avatar_url":"https://avatars-next.observableusercontent.com/84c352432ac546e3e3229af582bcc15a3a78ab6da1ca97e8559b916972a1d0f1","tier":null}],"members":[{"type":"team","id":"0354938a5dd10c5f","login":"obey","name":"ObeyMyGH","avatar_url":"https://avatars-next.observableusercontent.com/84c352432ac546e3e3229af582bcc15a3a78ab6da1ca97e8559b916972a1d0f1","tier":"starter_2024","role":"editor"},{"type":"individual","id":"440b42ffda60d765","login":"obey","name":"ObeyMyGH","avatar_url":"https://avatars-next.observableusercontent.com/84c352432ac546e3e3229af582bcc15a3a78ab6da1ca97e8559b916972a1d0f1","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"SPBSCH","cells":[{"id":0,"value":"# SPBSCH\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":34,"value":"div = html`

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":39,"value":"customerGeoResponses = Promise.all(\n spb_fulladdress.map(({ address, name, ...customer }) =>\n fetch(`${geoAPIAddress}&address=${encodeURIComponent(address)}`).then(\n async (res) => {\n const json = await res.json();\n return Promise.resolve({\n name,\n location: R.path([\"results\", 0, \"geometry\", \"location\"], json),\n ...customer\n });\n }\n )\n )\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":41,"value":"customerMarkers = customerGeoResponses\n .filter((x) => x.location)\n .map(({ address, location, name }) => {\n const infoHtml = `\n

${name}

${this}

Lat: ${location.lat}

Lng: ${location.lng}

\n\n \n

\n`;\n const infoWindow = new google.maps.InfoWindow({\n content: infoHtml\n });\n\n const marker = new google.maps.Marker({\n position: location,\n title: name,\n map: map\n });\n\n marker.addListener(\"click\", function () {\n infoWindow.open(map, marker);\n });\n\n return marker;\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":31,"value":"map = new google.maps.Map(div, {\n center: {\n lng: 30.3417829,\n lat: 59.9436353\n },\n styles: mapStyle,\n zoom: 9\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"geoAPIAddress = \"https://maps.googleapis.com/maps/api/geocode/json?key=AIzaSyCEFtszVpPigCfGAzZ_kZTh7HTqA8hl2kU\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":15,"value":"htl = require(\"htl\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":19,"value":"L = require(\"leaflet\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29,"value":"R = require(\"ramda\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":21,"value":"google = require(\"https://maps.googleapis.com/maps/api/js?key=AIzaSyCEFtszVpPigCfGAzZ_kZTh7HTqA8hl2kU\").catch(\n () => window.google\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":25,"value":"import { try_it } from \"@observablehq/notes\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":77,"value":"spb_fulladdress = FileAttachment(\"spb_fulladdress.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":78,"value":"spb_fulladdress","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":98,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"