{"id":35023,"date":"2016-10-11T15:09:35","date_gmt":"2016-10-11T05:09:35","guid":{"rendered":"https:\/\/www.coralcoe.org.au\/?page_id=35023"},"modified":"2020-01-31T15:24:56","modified_gmt":"2020-01-31T05:24:56","slug":"coral-bleaching-map","status":"publish","type":"page","link":"https:\/\/www.coralcoe.org.au\/legacy\/coral-bleaching-map","title":{"rendered":"Coral Bleaching Map"},"content":{"rendered":"<p><script src=\"https:\/\/api.mapbox.com\/mapbox-gl-js\/v0.26.0\/mapbox-gl.js\"><\/script><\/p>\n<style>\n    @import url(https:\/\/api.mapbox.com\/mapbox-gl-js\/v0.26.0\/mapbox-gl.css);\n    div.generic {\n        padding: 0 5vw; \/* overriding parent things, sorry *\/\n    }\n    .wrapper.user-content {\n        padding: 0; \/* sorry, overriding padding of the parent *\/\n    }\n    #bleachmap {\n        height: 96vh;\n    }\n    #legend {\n        z-index: 99999999;\n        background: rgba(255,255,255, 0.5);\n        position: absolute;\n        left: 10px;\n        bottom: 10px;\n        padding: 10px 25px;\n        xborder: 1px solid #65ccec;\n    }\n    #legend p:before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 1em;\n        width: 1em;\n        margin-right: 0.66em;\n        border-radius: 50%;\n    }\n    #legend p.photos:before { background-color: #65ccec; }\n    #legend p.movies:before { background-color: #f7751e; }\n    .mapboxgl-popup-content {\n        font: 12px\/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;\n    }\n    .mapboxgl-popup img, .mapboxgl-popup video {\n        max-height: 40vh;\n        max-width: 60vw;\n        display: block;\n    }<\/p>\n<\/style>\n<div id=\"bleachmap\">\n<div id=\"legend\">\n<p class=\"photos\">photographs<\/p>\n<p class=\"movies\">videos<\/p>\n<\/div>\n<\/div>\n<p><script>\nmapboxgl.accessToken = 'pk.eyJ1IjoiZGFuaWVsYmFpcmQiLCJhIjoiY2lzcDloOTN2MDcyMzJzcGI3bGU0ZnA4dSJ9.uHQDYQXaCiAmwYDytszyMw';\nvar map = new mapboxgl.Map({\n    container: 'bleachmap',\n    style: 'mapbox:\/\/styles\/danielbaird\/cisp9od4s00002wnzi6fvgrlu'\n});\nmap.on('load', function() {\n    \/\/ load the picture geojson..\n    map.addSource('bleachpics', {\n        type: 'geojson',\n        \"data\": 'https:\/\/www.coralcoe.org.au\/wp-content\/themes\/coded\/js\/Map\/doc.geojson'\n    })\n    \/\/ load the video geojson..\n    map.addSource('bleachvid', {\n        type: 'geojson',\n        \"data\": 'https:\/\/www.coralcoe.org.au\/wp-content\/themes\/coded\/js\/Map\/vid.geojson'\n    })\n    \/\/ show the geojson..\n    map.addLayer({\n        id: 'piclayer',\n        source: 'bleachpics',\n        type: 'circle',\n        'paint': {\n            \/\/ make circles larger as the user zooms from zoom 4 to zoom 12\n            'circle-radius': {\n                'base': 6,\n                'stops': [[4, 6], [12, 15]]\n            },\n            'circle-color': '#65ccec',\n            'circle-opacity': 0.7\n        }\n    })    \n    \/\/ show the geojson..\n    map.addLayer({\n        id: 'vidlayer',\n        source: 'bleachvid',\n        type: 'circle',\n        'paint': {\n            \/\/ make circles larger as the user zooms from zoom 4 to zoom 12\n            'circle-radius': {\n                'base': 6,\n                'stops': [[4, 6], [12, 15]]\n            },\n            'circle-color': '#f7751e',\n            'circle-opacity': 0.7\n        }\n    })    \n    \/\/ show popup on click\n    map.on('click', function (e) {\n        var features = map.queryRenderedFeatures(e.point, { layers: ['piclayer', 'vidlayer'] });\n        if (!features.length) {\n            return;\n        }\n        var feature = features[0];\n        var popup = new mapboxgl.Popup()\n            .setLngLat(feature.geometry.coordinates)\n            .setHTML(feature.properties.description)\n            .addTo(map);\n    })\n    \/\/ show popup on touch\n    map.on('touchstart', function (e) {\n        var features = map.queryRenderedFeatures(e.point, { layers: ['piclayer', 'vidlayer'] });\n        if (!features.length) {\n            return;\n        }\n        var feature = features[0];\n        var popup = new mapboxgl.Popup()\n            .setLngLat(feature.geometry.coordinates)\n            .setHTML(feature.properties.description)\n            .addTo(map);\n    })\n    \/\/ show mouse cursor as 'pointer'\n    map.on('mousemove', function (e) {\n        var features = map.queryRenderedFeatures(e.point, { layers: ['piclayer', 'vidlayer'] });\n        map.getCanvas().style.cursor = (features.length) ? 'pointer' : '';\n    });\n})\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>photographs videos<\/p>\n","protected":false},"author":215,"featured_media":0,"parent":0,"menu_order":18,"comment_status":"closed","ping_status":"closed","template":"page-map.php","meta":{"_mi_skip_tracking":false},"acf":[],"_links":{"self":[{"href":"https:\/\/www.coralcoe.org.au\/legacy\/wp-json\/wp\/v2\/pages\/35023"}],"collection":[{"href":"https:\/\/www.coralcoe.org.au\/legacy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.coralcoe.org.au\/legacy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.coralcoe.org.au\/legacy\/wp-json\/wp\/v2\/users\/215"}],"replies":[{"embeddable":true,"href":"https:\/\/www.coralcoe.org.au\/legacy\/wp-json\/wp\/v2\/comments?post=35023"}],"version-history":[{"count":72,"href":"https:\/\/www.coralcoe.org.au\/legacy\/wp-json\/wp\/v2\/pages\/35023\/revisions"}],"predecessor-version":[{"id":43069,"href":"https:\/\/www.coralcoe.org.au\/legacy\/wp-json\/wp\/v2\/pages\/35023\/revisions\/43069"}],"wp:attachment":[{"href":"https:\/\/www.coralcoe.org.au\/legacy\/wp-json\/wp\/v2\/media?parent=35023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}