From a166afa0c1f14b0abf442e0877ae914d3147bc43 Mon Sep 17 00:00:00 2001
From: Jake McGuire <mcguireghs@gmail.com>
Date: Thu, 3 Dec 2015 15:15:56 -0800
Subject: [PATCH 1/2] Feature: Add changePointSize for custom point display

Closes #3
---
 WebGLLayer.js | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/WebGLLayer.js b/WebGLLayer.js
index b63e765..2ec14a6 100644
--- a/WebGLLayer.js
+++ b/WebGLLayer.js
@@ -168,22 +168,23 @@ WebGLLayer.DEFAULT_POINT_FRAG_SHADER_ = [
  * Default vertex shader source.
  * @private {string}
  */
-WebGLLayer.DEFAULT_POINT_VERT_SHADER_ = [
+WebGLLayer.vertShaderConfig_ = function(size){
+  size = size || 2;
+  return [
     'precision mediump float;',
-
     'attribute vec4 worldCoord;',
     'attribute float aColor;',
-
     'uniform mat4 mapMatrix;',
-
     'varying mediump float vColor;',
-
     'void main() {',
     '  gl_Position = mapMatrix * worldCoord;',
-    '  gl_PointSize = 2.;',
+    '  gl_PointSize = ' + size + '.;',
     '  vColor = aColor;',
     '}'
-].join('\n');
+  ].join('\n');
+}
+
+WebGLLayer.DEFAULT_POINT_VERT_SHADER_ = WebGLLayer.vertShaderConfig_(2);
 
 /**
  * Converts from latitude to vertical world coordinate.
@@ -369,6 +370,13 @@ WebGLLayer.prototype.changePointColor = function(idx, color){
   this.scheduleUpdate();
 }
 
+WebGLLayer.prototype.changePointSize = function(size){
+  if (typeof size !== 'number') return console.log("Error: customPointSize expects number input");
+
+  WebGLLayer.DEFAULT_POINT_VERT_SHADER_ = WebGLLayer.vertShaderConfig_(size);
+  this.pointProgram_ = new ShaderProgram(this.gl_, WebGLLayer.DEFAULT_POINT_VERT_SHADER_, WebGLLayer.DEFAULT_POINT_FRAG_SHADER_);
+}
+
 /**
  * Changes the color value assigned to a given polygon in the features arrray.
  * @param {Number} idxStart

From 104c21079dcd30bb6eb60ddc59514c213ffad3a8 Mon Sep 17 00:00:00 2001
From: Jake McGuire <mcguireghs@gmail.com>
Date: Thu, 3 Dec 2015 15:19:31 -0800
Subject: [PATCH 2/2] Update docs

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index c500c46..33cbda8 100644
--- a/README.md
+++ b/README.md
@@ -112,4 +112,6 @@ You can then run powerful queries on the data and use the index property on the
 var result = ... //Query result.
 var idx = result.properties.index;
 myLayer.changePointColor(idx, [0., 0., 1.]); //Change color to blue
+myLayer.changePointSize(4);
+myLayer.start();
 ```
\ No newline at end of file