javascript - Binding dc.js to Google Maps with crossfilter -

-

Question: This device could provide toy examples using any DCJS + Google Maps Is where I brush on a dc.js chart, the map marker is updated in accordance with the selected / brush in the chart?

What I have so far: Full repo has given me this good example, but it uses this sheet. I was trying to avoid the sheet if possible.

I am trying to force Google Maps to dc.js (crossfilters). I have seen it and I am capable of optimizing the example.

However, when I try to customize it to use dc.js , then I can not put the crossfilter back to Google Maps. (I can still tie Maps with CrossFilters / DCJs, not just around). That is, when scrolling on the map, the chart is adjusted, but when I brush the chart, I can not seem to do my updateMarkers () function. 

  function init () {initMap (); InitCrossFilter (); // Litemd = ndx.dimension in the Light / LNG NADX dimensions to map range (function (p) {return p.lott;}); LngDim = ndx.dimension (function (p) {returns p. Lg;}); Google.maps.event.addListener (map, 'bounds_changed', function () {var bounds = this.getBounds (); var Northeast = Obligations.North East (); var Southwest = Obligations.GetWeath (); // Note: Requirements here to be careful with the date lngDim.filterRange ([southWest.lng (), north east.Lin ()]); latDim.filterRange ([southwest.lat (), northest.lat ()]); // note : Maybe you want to request here, animationframe dc.renderAll ();}); To view the selected markers idDim = ndx.dimension (function (p, i) {return i;}) at the current time, // dimension and group; IdGroup = idDim.group (function (id) {return id;}); RenderAll (); } Function Update Markers () {var pointIds = idGroup.all (); (Var i = 0; i & lt; pointIds.length; i ++) for {var point id = pointIds [i]; Marker [pointId.key] .setVisible (pointId.value> 0); }} Function render all () {updateMarkers (); Dc.renderAll (); } 
 
 It seems that you are missing from callback back from dc.js in Google Maps. In the original example, they were using  
  domCharts = d3.selectAll ("chart"). Data (chart) .each (function (chart) (chart.on ("brush", RenderAll) .on ("brushend", renderAll);});  
 
 Which dc.js. Can work with or not. 
 
 Although there are other ways to do this, the most idiomatic method of connecting a non-dc.js chart with the dc.js chart is to register it in the chart registry. 
 
 Unfortunately, this is inappropriate, but to learn how to register your Google Maps to hear the events presented from other charts, with useful comments from them, on this SO answer one Take a look at those brushes:

Comments

Post a Comment

Popular posts from this blog

winforms - C# Form - Property Change -

-
I have a form that has a property named car A class with many properties. The Properties is being displayed on the current car on the basis of some user actions that are being displayed. So I have to know whether the property has been allocated or set to zero. I'm aware of INotifyPropertyChanged , but in my case I'm not sure that since this change I have changed my car properties car do not want to monitor the property. Any idea how to accomplish this? In advance thank you If you have created a true asset in your class then You should be a great and setter, you can add the code directly to the form property in order to take action on the basis of "form": Public partial category Form 1: form {public form 1 () {InitializeComponent (); } // define car square public class car {public string name = string. Empty; } // private car to keep the value of the current car private variable _car = null; // Property of public form which you can ru...
Read more

java - Messages from .properties file do not display UTF-8 characters -

-
Image
In the form of a title, I can only add that if I enter the html file manually, then it Okay. View Rolver: & lt; Bean id = "templorellolver" class = "org.thymeleaf.templateresolver.ServletContextTemplateResolver" & gt; & Lt; Property name = "prefix" value = "/ web-nf / templates" /> & Lt; Property name = "suffix" value = ". Html" /> & Lt; Property Name = "Template Mode" Value = "HTML5" /> & Lt; Asset name = "cacheable" value = "wrong" /> & Lt; Property Name = "characterEncoding" value = "UTF-8" /> & Lt; / Bean & gt; & Lt; Bean id = "Template Engine" class = "org.thymeleaf.spring3.SpringTemplateEngine" & gt; & Lt; Property Name = "Temploreolar" ref = "Templarolver" /> & Lt; / Bean & gt; & Lt; Bean square = "org.thymeleaf.spring3.view.Thymel...
Read more

javascript - amcharts makechart not working -

-
I am trying to create an amiratars serial chart on my Durandal single page application. This chart was working fine on Chrome browser but it is not working on IE. Can you please help me in this regard. Error while using Amcharts. The Macchart () method does not support the object in this object in IE.
Read more