javascript - d3 map mouseover event slow response -


I am working with the D3 map and a mouseover event on polygon (areas) is required . I have to do this work, but it is a bit slow and I do not know why! Here's one.

Even what a stranger is that I have a GeoGeon file that is even bigger than the above (in KB), yet it is!

What's going on here? And how mouseover event

map code 

  var width = 1000; Var Height = 1100; Var rotate = 60; // so that [-60, 0] becomes the starting center of the launch, maximum max = 55; // clip north and south pole (infinity in Mercator) / Normally you want to see this point is in the middle of the UK West Center = [-1.485000, 52.567000]; // Projection object var projection = immediate D. 3.geo.conicConformal () Center (center) .clipAngle (180) // Map size yourself, you may want to play with this // regarding the size of your canvas .ccale (10000) // map between the center canvas . Transselate ([width / 2, height / 2]) .precision (.1); Var zoom = d3.behavior.zoom () .scaleExtent ([1, 15]) .on ("zoom", zoomed out); Var svg = d3.select ('# map'). Attached ('svg') .attr ('width', width) .attr ('height', height); Var g = svg.append ("g"); Svg.call (zoom) .call (zoom.event); Var path = D. 3.geo.path (). Launch (projection); D3.json ("Data / Map-England.Jason", function (fault, data) {g.selectAll ('path'). Data (data.) .endra (). Append ('path') .attr ' D ', path) .attr (' class', 'border') .attr ('stroke-width', '.5') .attr ('id', function (d) {return d.properties.Name;} ). ("Mouseover", function (d) {d3.select (this) .Categorized ("active", true);}) .on ("mouseout", function (d) {d3.select (this). "Active", incorrect);});}); Function zoom () {g.attr ("conversion", "translation (" + d3.event.translate + ") scale (" + d3.event.scale + ")"); }

The answer to simplifying the path of the map was the answer. You will need a node, and its topopus will be required.

On Windows, I could not find this package running. I had major issues with my dependency that supported Windows and dependency versions ... etc.

So I installed a virtual machine to run Ubuntu and I was moving up and running.

I ran the command Simplify-ratios and came back a simple version of the path. The map was super smooth and very sensitive.


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more