javascript - <OpenLayers3> Make choropleth map with GeoJson -


After the

I try to create a choropleth that OpenLayers3 and a map < Strong> GeoJSON generated in javascript .

I want to use the properties of my GeoJSON to make this map look-up.

For example, if I have a city with property, then ["name" = '1'] and a city with property ["name" = '2' ] I have to have blue for red color for '1' and '2'.

How do I create this map with Open Layers 2 (with Corpath map OL2] [1]) found on the Internet But I do not find equality in the OL3 code with the I OL2 looks like this: 

  var subteStyleMap = new OpenLayer.Style Map ({'Strokewidth': 4}); see above = {"1": {strokeColor: "# 46C7FA"}, "2": {strokeColor: "# E81D1A"}} subteStyleMap.addUniqueValueRules ("default", "number ", See); on geojson_layer = new OpenLayers.Layer.Vector (" GeoJSON ", {projection: New OpenLayers.Projection ( "EPSG: 4326"), Strategies: [New OpenLayers.Strategy.Fixed ()], Protocol: New OpenLayers.Protocol.HTTP ({Url: "generation_geojson2.php", format: New OpenLayer.format.GJSON ()}) , Styledmap: subteStyleMap});

I started optimization, but I can not find the equivalence for 'addUniqueValueRules' 

  see above = {" 1 ": {strokeColor:" # 46C7FA "}," 2 ": {stroke color:" # E81D1A "}} subteStyleMap.addUniqueValueRules (" default "," number ", lookup); Var vector_arret_tad = new ol.layer.Vector ({source: new ol.source.GeoJSON ({url: 'generation_geojson2.php', default projection: 'EPSG: 4326', projection: 'EPSG: 3857'}), name: 'City', style: subteStyleMap});

What is the OL3 equivalent of this code, or another solution for this problem?

You have to use a style function. A style function is a task that takes a feature as a logic and gives an array of style objects.

In your case, it will look like this: 

 see  view = {"1" [new ol.style. Style ({stroke: new ol.style.Stroke ({color: "# 46C7FA"}}), "2": [new ol.style.Style ({stroke: new ol.style.Stroke ({color: "# E81D1A"})}))}; Var vectorLayer = New ol.layer.Vector ({// ... Style: Function (Feature, Resolution) {Return Lookup [feature.get ('number')];}});

For an example, see which polygon uses a style function to add labels.


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