2d:null 2e:["$","title",null,{"children":"Wisconsin Breweries with Mapbox GL tooltip | Erin Caughey | Observable"}] 33:T6a4,mapRender = { // Create the \`map\` object with the mapboxgl.Map constructor, referencing let map = new mapboxgl.Map({ container, center: [ -88.9879, 44.5844 ], style: 'mapbox://styles/erincaughey/cjixn8el980g72sohum0gpi99', zoom: 5.8, bearing: 0, pitch: 0, scrollZoom: false }); var nav = new mapboxgl.NavigationControl(); map.addControl(nav, 'top-right'); map.on('click', 'beer-near-geo', function (e) { var coordinates = e.features[0].geometry.coordinates.slice(); var brewery = e.features[0].properties.brewery; var website = e.features[0].properties.websiteUrl; // Ensure that if the map is zoomed out such that multiple // copies of the feature are visible, the popup appears // over the copy being pointed to. while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) { coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360; } new mapboxgl.Popup() .setLngLat(coordinates) .setHTML('' + '

' + brewery + '

' + '') .addTo(map); }); // Change the cursor to a pointer when the mouse is over the packers-data layer. map.on('mouseenter', 'beer-near-geo', function () { map.getCanvas().style.cursor = 'pointer'; }); // Change it back to a pointer when it leaves. map.on('mouseleave', 'beer-near-geo', function () { map.getCanvas().style.cursor = ''; }); // Be careful to clean up the map's resources using \`map.remove()\` whenever // this cell is re-evaluated. try { yield map; yield invalidation; } finally { map.remove(); } }34:[] 31:{"id":"e2e99c62b86beb07","slug":"mapbox-gl-with-zoom-bearing-pitch-control","title":"Wisconsin Breweries with Mapbox GL tooltip","thumbnail":"691a405c2d2e927b51ff3ec82e8bde1ca25d949a0430e793eb862fbd3e985c44","access_level":"public","create_time":"$D2018-06-27T22:00:49.604Z","update_time":"$D2021-09-02T13:55:56.600Z","view_time":null,"first_public_time":"$D2018-06-28T18:33:08.829Z","has_unpublished_edits":null,"fork":false,"stars":5,"starred":false,"owner":{"type":"team","id":"6e0417a68750d4cd","login":"erincaughey","name":"Erin Caughey ","avatar_url":"https://avatars-next.observableusercontent.com/589161c70c6fa7747b91fbc9991f86344425f6fb5d54da11de66418f3fec5a30","tier":"starter_2024"},"version":142,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fc58d639e1e6a3a5","login":"erincaughey","name":"Erin Caughey ","avatar_url":"https://avatars-next.observableusercontent.com/589161c70c6fa7747b91fbc9991f86344425f6fb5d54da11de66418f3fec5a30","tier":null}],"members":[{"type":"individual","id":"fc58d639e1e6a3a5","login":"erincaughey","name":"Erin Caughey ","avatar_url":"https://avatars-next.observableusercontent.com/589161c70c6fa7747b91fbc9991f86344425f6fb5d54da11de66418f3fec5a30","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":6,"collection":{"id":"80a7aefe58cc95c2","slug":"map-stuff","title":"map stuff","owner":{"id":"6e0417a68750d4cd","login":"erincaughey","name":"Erin Caughey "}},"type":"notebook","body":{"title":"Wisconsin Breweries with Mapbox GL tooltip","cells":[{"id":0,"value":"md`# Wisconsin Breweries with Mapbox GL tooltip`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"md`Based on jsonline.com/beernear data curated by reporter Kathy Flanigan.
Updated Nov. 1, 2020`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"container = html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"md`Using Mapbox GL starter from Tom MacWright`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"mapboxgl = {\n let mapboxgl = await require('mapbox-gl@0.43.0');\n mapboxgl.accessToken = 'pk.eyJ1IjoiZXJpbmNhdWdoZXkiLCJhIjoiY2lnd2x5ZWkwMHNqMzY1bTAyMmJ5aTlkbyJ9.iQD_-2TgQLMx5CDlVytksA';\n return mapboxgl;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"mapboxgl_css = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"