1
1
var d3 = require ( 'd3' ) ;
2
2
var _ = require ( 'lodash' ) ;
3
- var shared = require ( './shared' ) ;
3
+ // var shared = require('./shared');
4
4
var debug = require ( 'debug' ) ( 'scout:minicharts:geo' ) ;
5
5
var GoogleMapsLoader = require ( 'google-maps' ) ;
6
6
var mapStyle = require ( './mapstyle' ) ;
@@ -78,7 +78,7 @@ var minicharts_d3fns_geo = function() {
78
78
view : null
79
79
} ;
80
80
81
- var margin = shared . margin ;
81
+ // var margin = shared.margin;
82
82
83
83
function pointInCircle ( point , radius , center ) {
84
84
return singleton . google . maps . geometry . spherical . computeDistanceBetween ( point , center ) <= radius ;
@@ -135,6 +135,7 @@ var minicharts_d3fns_geo = function() {
135
135
136
136
var currentPoint ;
137
137
var meterDistance ;
138
+ var evt ;
138
139
139
140
d3 . select ( window )
140
141
. on ( 'mousemove' , function ( ) {
@@ -152,7 +153,7 @@ var minicharts_d3fns_geo = function() {
152
153
selectionCircle . setRadius ( meterDistance ) ;
153
154
selectPoints ( ) ;
154
155
155
- var evt = {
156
+ evt = {
156
157
type : 'geo' ,
157
158
source : 'geo' ,
158
159
center : [ centerCoord . lng ( ) , centerCoord . lat ( ) ] ,
@@ -171,7 +172,7 @@ var minicharts_d3fns_geo = function() {
171
172
d3 . select ( frame ) . selectAll ( '.marker circle' )
172
173
. classed ( 'selected' , false ) ;
173
174
174
- var evt = {
175
+ evt = {
175
176
type : 'geo' ,
176
177
source : 'geo'
177
178
} ;
@@ -250,6 +251,8 @@ var minicharts_d3fns_geo = function() {
250
251
// Draw each marker as a separate SVG element.
251
252
overlay . draw = function ( ) {
252
253
var layer = d3 . select ( 'div.layer' ) ;
254
+ var transform ;
255
+
253
256
projection = this . getProjection ( ) ;
254
257
var padding = 9 ;
255
258
@@ -266,7 +269,7 @@ var minicharts_d3fns_geo = function() {
266
269
. attr ( 'cx' , padding )
267
270
. attr ( 'cy' , padding ) ;
268
271
269
- function transform ( d ) {
272
+ transform = function ( d ) {
270
273
var p = new google . maps . LatLng ( d [ 1 ] , d [ 0 ] ) ;
271
274
p = projection . fromLatLngToDivPixel ( p ) ;
272
275
d . x = p . x ;
@@ -276,7 +279,7 @@ var minicharts_d3fns_geo = function() {
276
279
. style ( 'left' , p . x - padding + 'px' )
277
280
. style ( 'top' , p . y - padding + 'px' ) ;
278
281
return self ;
279
- }
282
+ } ;
280
283
} ; // end overlay.draw
281
284
282
285
overlay . setMap ( googleMap ) ;
@@ -376,11 +379,11 @@ var minicharts_d3fns_geo = function() {
376
379
return ;
377
380
}
378
381
selectionCircle . setVisible ( true ) ;
379
- var c = new google . maps . LatLng ( value [ 0 ] [ 1 ] , value [ 0 ] [ 0 ] ) ;
382
+ var c = new singleton . google . maps . LatLng ( value [ 0 ] [ 1 ] , value [ 0 ] [ 0 ] ) ;
380
383
selectionCircle . setCenter ( c ) ;
381
384
selectionCircle . setRadius ( value [ 1 ] * 1600 ) ;
382
385
selectPoints ( ) ;
383
- }
386
+ } ;
384
387
385
388
return chart ;
386
389
} ;
0 commit comments