CartoDB layerOptions Use by wboykinm

index.html

<html>
<head>
  <link rel="stylesheet" href="//libs.cartocdn.com/cartodb.js/v2/themes/css/cartodb.css" />
  <script src="//libs.cartocdn.com/cartodb.js/v2/cartodb.js"></script>
  <!--[if lte IE 8]>
    <link rel="stylesheet" href="//libs.cartocdn.com/cartodb.js/v2/themes/css/cartodb.ie.css" />
  <![endif]-->
  <style>
    html, body {padding: 0; margin: 0;}
    #cartodb-map { width: 100%; height:100%; background: black;}
  </style>

  <script>

var map;
function init(){
  // initiate leaflet map
  map = new L.Map('cartodb-map', { 
    center: [0,0],
    zoom: 2
  })

  L.tileLayer('https://dnv9my2eseobd.cloudfront.net/v3/cartodb.map-4xtxp73f/{z}/{x}/{y}.png', {
    attribution: 'Mapbox <a href="//mapbox.com/about/maps" target="_blank">Terms &amp; Feedback</a>'
  }).addTo(map);

  var layerUrl = '//examples-beta.cartodb.com/api/v1/viz/936/viz.json';
  var layerOptions = {
        query: "SELECT * FROM {{table_name}} where adm0_a3 = 'USA'",
        tile_style: "#{{table_name}}{marker-fill: #109DCD; marker-width: 5; marker-line-color: white; marker-line-width: 0;}"
      }

  cartodb.createLayer(map, layerUrl, layerOptions)
   .on('done', function(layer) {
    map.addLayer(layer);
  }).on('error', function() {
    //log the error
  });
}
  
  </script>
</head>

<body onload="init()">
  <div id='cartodb-map'></div>
</body>
</html>