View gist:6c2e4d29aa70e9d4746c42104bed1945
| Props tips | |
| https://codesandbox.io/s/sc-props-ppsij | |
| const Paragraph2 = styled.p( | |
| props => css` | |
| width: 400px; | |
| margin: auto; | |
| /* props can be accessed from the above props */ | |
| color: ${props.color}; |
View index.js
| function S4 () { | |
| return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1); | |
| } |
View bundle.js
| /******/ (function(modules) { // webpackBootstrap | |
| /******/ // The module cache | |
| /******/ var installedModules = {}; | |
| /******/ | |
| /******/ // The require function | |
| /******/ function __webpack_require__(moduleId) { | |
| /******/ | |
| /******/ // Check if module is in cache | |
| /******/ if(installedModules[moduleId]) | |
| /******/ return installedModules[moduleId].exports; |
View index.js
| const axios = require('axios'); | |
| const CLIENT_ID = 'YOUR_BICIMAD_CLIENT_ID'; | |
| const PASSKEY = 'YOUR_BICIMAD_PASSKEY'; | |
| const USERNAME = 'YOUR_USERNAME'; | |
| const TABLE_NAME = 'YOUR_TABLE_NAME'; | |
| const API_KEY = 'YOUR_CARTO_API_KEY'; | |
| const BICIMAD_URL = `https://rbdata.emtmadrid.es:8443/BiciMad/get_stations/${CLIENT_ID}/${PASSKEY}/`; | |
| const BATCH_QUERY_URL = `https://${USERNAME}.carto.com/api/v2/sql/job?api_key=${API_KEY}`; | |
| const MAX_JOB_SIZE = 16000; |
View index.html
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Bounds example | CARTO</title> | |
| <meta name="viewport" content="initial-scale=1.0"> | |
| <meta charset="utf-8"> | |
| <!-- Include Leaflet --> | |
| <script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"></script> | |
| <link href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" rel="stylesheet"> | |
| <!-- Include CARTO.js --> |
View index.html
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset='utf-8' /> | |
| <title>Carto - Windshaft Aggregation API - Mapbox GL example</title> | |
| <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /> | |
| <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.43.0/mapbox-gl.js'></script> | |
| <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.43.0/mapbox-gl.css' rel='stylesheet' /> | |
| <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> |
View index.html
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset='utf-8' /> | |
| <title>OpenLayers – Vector tiles – Points aggregation | CARTO</title> | |
| <link rel="stylesheet" href="https://openlayers.org/en/v4.6.4/css/ol.css" type="text/css"> | |
| <script src="https://openlayers.org/en/v4.6.4/build/ol.js"></script> | |
| <script src="https://openlayers.org/en/v4.6.4/examples/resources/mapbox-streets-v6-style.js"></script> | |
| <style> |
View index.html
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>CARTO.js App</title> | |
| <!-- Include Leaflet 1.2.0 Library --> | |
| <link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css" /> | |
| <script src="https://unpkg.com/leaflet@1.2.0/dist/leaflet.js"></script> | |
| <!-- Include cartodb.js Library --> | |
| <script src="https://rawgit.com/CartoDB/cartodb.js/dist/carto.js"></script> |
View index.html
| <html> | |
| <head> | |
| <style> | |
| .orange { | |
| height: 64; | |
| width: 64; | |
| margin-top: 64; | |
| margin-left: 64; | |
| background-color: orange; | |
| } |
ivanmalagon
/ createobject.js
Last active Aug 29, 2015
Create object in Javascript - As seen on 'The good parts'
View createobject.js
| if (typeof Object.create !== 'function') { | |
| Object.create = function(o) { | |
| var F = function() {}; | |
| F.prototype = o; | |
| return new F(); | |
| }; | |
| } |