How to change the color of GeoJSON layer?Leaflet geoJSON contextmenuHow to select GeoJSON vector feature in Leaflet?Custom marker/icon based on attribute data in leaflet/geojsonHow to change the style of a vector layer on a button clickLeaflet popup options with geoJSON dataLeaflet/GeoJSON - Changing the default blue marker to other .png filesLeaflet: Change displayed column on clickMarkerCluster don't work with geojson layer in leafletsetting the style of each leaflet featureChange style of GeoJSON circle marker by feature properties

How do I exit BASH while loop using modulus operator?

How to install cross-compiler on Ubuntu 18.04?

Why was Sir Cadogan fired?

What is the difference between 'contrib' and 'non-free' packages repositories?

Blending or harmonizing

Did 'Cinema Songs' exist during Hiranyakshipu's time?

My singleton can be called multiple times

How to travel to Japan while expressing milk?

Unlock My Phone! February 2018

Placement of More Information/Help Icon button for Radio Buttons

How could sorcerers who are able to produce/manipulate almost all forms of energy communicate over large distances?

Is it possible to map the firing of neurons in the human brain so as to stimulate artificial memories in someone else?

Why do I get negative height?

What is the opposite of "eschatology"?

Are British MPs missing the point, with these 'Indicative Votes'?

In Bayesian inference, why are some terms dropped from the posterior predictive?

Does Dispel Magic work on Tiny Hut?

How to show a landlord what we have in savings?

How can I deal with my CEO asking me to hire someone with a higher salary than me, a co-founder?

Can compressed videos be decoded back to their uncompresed original format?

Pattern for multiple renderings calling same service

Mathematica command that allows it to read my intentions

How can a day be of 24 hours?

Check if a point is right or left of another one in TikZ



How to change the color of GeoJSON layer?


Leaflet geoJSON contextmenuHow to select GeoJSON vector feature in Leaflet?Custom marker/icon based on attribute data in leaflet/geojsonHow to change the style of a vector layer on a button clickLeaflet popup options with geoJSON dataLeaflet/GeoJSON - Changing the default blue marker to other .png filesLeaflet: Change displayed column on clickMarkerCluster don't work with geojson layer in leafletsetting the style of each leaflet featureChange style of GeoJSON circle marker by feature properties













0















I want to show my road network in red color. How can I change this default color of the road network. Where should I attach style property?



var roadNetwork = new L.LayerGroup();
$.getJSON("% url 'road_dataset' %", function (data)
var geojson = L.geoJson(data,
onEachFeature: function (feature, layer)
layer.bindPopup(feature.properties.road_name);

);
geojson.addTo(roadNetwork);
);









share|improve this question









New contributor




Tekson is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




















  • please you should have a look to the official doc of leaflet then if you still have problem precise your problem leafletjs.com/examples/geojson and I don't understand why it's link to jquery

    – Hugo Roussaffa - GeoDatup
    2 days ago












  • Yes i already check this documentation. But i have no idea where i can insert the style function in jquery. For showing the data from database in geodjango i used jquery.

    – Tekson
    2 days ago















0















I want to show my road network in red color. How can I change this default color of the road network. Where should I attach style property?



var roadNetwork = new L.LayerGroup();
$.getJSON("% url 'road_dataset' %", function (data)
var geojson = L.geoJson(data,
onEachFeature: function (feature, layer)
layer.bindPopup(feature.properties.road_name);

);
geojson.addTo(roadNetwork);
);









share|improve this question









New contributor




Tekson is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




















  • please you should have a look to the official doc of leaflet then if you still have problem precise your problem leafletjs.com/examples/geojson and I don't understand why it's link to jquery

    – Hugo Roussaffa - GeoDatup
    2 days ago












  • Yes i already check this documentation. But i have no idea where i can insert the style function in jquery. For showing the data from database in geodjango i used jquery.

    – Tekson
    2 days ago













0












0








0








I want to show my road network in red color. How can I change this default color of the road network. Where should I attach style property?



var roadNetwork = new L.LayerGroup();
$.getJSON("% url 'road_dataset' %", function (data)
var geojson = L.geoJson(data,
onEachFeature: function (feature, layer)
layer.bindPopup(feature.properties.road_name);

);
geojson.addTo(roadNetwork);
);









share|improve this question









New contributor




Tekson is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.












I want to show my road network in red color. How can I change this default color of the road network. Where should I attach style property?



var roadNetwork = new L.LayerGroup();
$.getJSON("% url 'road_dataset' %", function (data)
var geojson = L.geoJson(data,
onEachFeature: function (feature, layer)
layer.bindPopup(feature.properties.road_name);

);
geojson.addTo(roadNetwork);
);






leaflet geojson style






share|improve this question









New contributor




Tekson is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











share|improve this question









New contributor




Tekson is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









share|improve this question




share|improve this question








edited 2 days ago









Vince

14.8k32849




14.8k32849






New contributor




Tekson is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









asked 2 days ago









TeksonTekson

52




52




New contributor




Tekson is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





New contributor





Tekson is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.






Tekson is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.












  • please you should have a look to the official doc of leaflet then if you still have problem precise your problem leafletjs.com/examples/geojson and I don't understand why it's link to jquery

    – Hugo Roussaffa - GeoDatup
    2 days ago












  • Yes i already check this documentation. But i have no idea where i can insert the style function in jquery. For showing the data from database in geodjango i used jquery.

    – Tekson
    2 days ago

















  • please you should have a look to the official doc of leaflet then if you still have problem precise your problem leafletjs.com/examples/geojson and I don't understand why it's link to jquery

    – Hugo Roussaffa - GeoDatup
    2 days ago












  • Yes i already check this documentation. But i have no idea where i can insert the style function in jquery. For showing the data from database in geodjango i used jquery.

    – Tekson
    2 days ago
















please you should have a look to the official doc of leaflet then if you still have problem precise your problem leafletjs.com/examples/geojson and I don't understand why it's link to jquery

– Hugo Roussaffa - GeoDatup
2 days ago






please you should have a look to the official doc of leaflet then if you still have problem precise your problem leafletjs.com/examples/geojson and I don't understand why it's link to jquery

– Hugo Roussaffa - GeoDatup
2 days ago














Yes i already check this documentation. But i have no idea where i can insert the style function in jquery. For showing the data from database in geodjango i used jquery.

– Tekson
2 days ago





Yes i already check this documentation. But i have no idea where i can insert the style function in jquery. For showing the data from database in geodjango i used jquery.

– Tekson
2 days ago










1 Answer
1






active

oldest

votes


















2














You don't use jquery for this, jquery is a library for interacting with the DOM. You just have to define a style object and attach it to your layer, as seen in the documentation:



var roadNetwork = new L.LayerGroup();

var myStyle = // Define your style object
"color": "#ff0000"
;

$.getJSON("% url 'road_dataset' %", function (data)
var geojson = L.geoJson(data,

style: myStyle, // Assign the style object to the "style" property of the layer

onEachFeature: function (feature, layer)
layer.bindPopup(feature.properties.road_name);

);
geojson.addTo(roadNetwork);
);





share|improve this answer























  • Thank you very much!!

    – Tekson
    2 days ago











Your Answer








StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "79"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);






Tekson is a new contributor. Be nice, and check out our Code of Conduct.









draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f317262%2fhow-to-change-the-color-of-geojson-layer%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes









2














You don't use jquery for this, jquery is a library for interacting with the DOM. You just have to define a style object and attach it to your layer, as seen in the documentation:



var roadNetwork = new L.LayerGroup();

var myStyle = // Define your style object
"color": "#ff0000"
;

$.getJSON("% url 'road_dataset' %", function (data)
var geojson = L.geoJson(data,

style: myStyle, // Assign the style object to the "style" property of the layer

onEachFeature: function (feature, layer)
layer.bindPopup(feature.properties.road_name);

);
geojson.addTo(roadNetwork);
);





share|improve this answer























  • Thank you very much!!

    – Tekson
    2 days ago















2














You don't use jquery for this, jquery is a library for interacting with the DOM. You just have to define a style object and attach it to your layer, as seen in the documentation:



var roadNetwork = new L.LayerGroup();

var myStyle = // Define your style object
"color": "#ff0000"
;

$.getJSON("% url 'road_dataset' %", function (data)
var geojson = L.geoJson(data,

style: myStyle, // Assign the style object to the "style" property of the layer

onEachFeature: function (feature, layer)
layer.bindPopup(feature.properties.road_name);

);
geojson.addTo(roadNetwork);
);





share|improve this answer























  • Thank you very much!!

    – Tekson
    2 days ago













2












2








2







You don't use jquery for this, jquery is a library for interacting with the DOM. You just have to define a style object and attach it to your layer, as seen in the documentation:



var roadNetwork = new L.LayerGroup();

var myStyle = // Define your style object
"color": "#ff0000"
;

$.getJSON("% url 'road_dataset' %", function (data)
var geojson = L.geoJson(data,

style: myStyle, // Assign the style object to the "style" property of the layer

onEachFeature: function (feature, layer)
layer.bindPopup(feature.properties.road_name);

);
geojson.addTo(roadNetwork);
);





share|improve this answer













You don't use jquery for this, jquery is a library for interacting with the DOM. You just have to define a style object and attach it to your layer, as seen in the documentation:



var roadNetwork = new L.LayerGroup();

var myStyle = // Define your style object
"color": "#ff0000"
;

$.getJSON("% url 'road_dataset' %", function (data)
var geojson = L.geoJson(data,

style: myStyle, // Assign the style object to the "style" property of the layer

onEachFeature: function (feature, layer)
layer.bindPopup(feature.properties.road_name);

);
geojson.addTo(roadNetwork);
);






share|improve this answer












share|improve this answer



share|improve this answer










answered 2 days ago









wfgeowfgeo

1,528518




1,528518












  • Thank you very much!!

    – Tekson
    2 days ago

















  • Thank you very much!!

    – Tekson
    2 days ago
















Thank you very much!!

– Tekson
2 days ago





Thank you very much!!

– Tekson
2 days ago










Tekson is a new contributor. Be nice, and check out our Code of Conduct.









draft saved

draft discarded


















Tekson is a new contributor. Be nice, and check out our Code of Conduct.












Tekson is a new contributor. Be nice, and check out our Code of Conduct.











Tekson is a new contributor. Be nice, and check out our Code of Conduct.














Thanks for contributing an answer to Geographic Information Systems Stack Exchange!


  • Please be sure to answer the question. Provide details and share your research!

But avoid


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgis.stackexchange.com%2fquestions%2f317262%2fhow-to-change-the-color-of-geojson-layer%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Romeo and Juliet ContentsCharactersSynopsisSourcesDate and textThemes and motifsCriticism and interpretationLegacyScene by sceneSee alsoNotes and referencesSourcesExternal linksNavigation menu"Consumer Price Index (estimate) 1800–"10.2307/28710160037-3222287101610.1093/res/II.5.31910.2307/45967845967810.2307/2869925286992510.1525/jams.1982.35.3.03a00050"Dada Masilo: South African dancer who breaks the rules"10.1093/res/os-XV.57.1610.2307/28680942868094"Sweet Sorrow: Mann-Korman's Romeo and Juliet Closes Sept. 5 at MN's Ordway"the original10.2307/45957745957710.1017/CCOL0521570476.009"Ram Leela box office collections hit massive Rs 100 crore, pulverises prediction"Archived"Broadway Revival of Romeo and Juliet, Starring Orlando Bloom and Condola Rashad, Will Close Dec. 8"Archived10.1075/jhp.7.1.04hon"Wherefore art thou, Romeo? To make us laugh at Navy Pier"the original10.1093/gmo/9781561592630.article.O006772"Ram-leela Review Roundup: Critics Hail Film as Best Adaptation of Romeo and Juliet"Archived10.2307/31946310047-77293194631"Romeo and Juliet get Twitter treatment""Juliet's Nurse by Lois Leveen""Romeo and Juliet: Orlando Bloom's Broadway Debut Released in Theaters for Valentine's Day"Archived"Romeo and Juliet Has No Balcony"10.1093/gmo/9781561592630.article.O00778110.2307/2867423286742310.1076/enst.82.2.115.959510.1080/00138380601042675"A plague o' both your houses: error in GCSE exam paper forces apology""Juliet of the Five O'Clock Shadow, and Other Wonders"10.2307/33912430027-4321339124310.2307/28487440038-7134284874410.2307/29123140149-661129123144728341M"Weekender Guide: Shakespeare on The Drive""balcony"UK public library membership"romeo"UK public library membership10.1017/CCOL9780521844291"Post-Zionist Critique on Israel and the Palestinians Part III: Popular Culture"10.2307/25379071533-86140377-919X2537907"Capulets and Montagues: UK exam board admit mixing names up in Romeo and Juliet paper"Istoria Novellamente Ritrovata di Due Nobili Amanti2027/mdp.390150822329610820-750X"GCSE exam error: Board accidentally rewrites Shakespeare"10.2307/29176390149-66112917639"Exam board apologises after error in English GCSE paper which confused characters in Shakespeare's Romeo and Juliet""From Mariotto and Ganozza to Romeo and Guilietta: Metamorphoses of a Renaissance Tale"10.2307/37323537323510.2307/2867455286745510.2307/28678912867891"10 Questions for Taylor Swift"10.2307/28680922868092"Haymarket Theatre""The Zeffirelli Way: Revealing Talk by Florentine Director""Michael Smuin: 1938-2007 / Prolific dance director had showy career"The Life and Art of Edwin BoothRomeo and JulietRomeo and JulietRomeo and JulietRomeo and JulietEasy Read Romeo and JulietRomeo and Julieteeecb12003684p(data)4099369-3n8211610759dbe00d-a9e2-41a3-b2c1-977dd692899302814385X313670221313670221

Creating closest line along the point''s azimuth using PostgreSQL Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?Drawing line between points at specific distance in PostGIS?How to efficiently find the closest point over the dateline?How to find the nearest point by using PostGIS function?PostGIS nearest point with LATERAL JOIN in PostgreSQL 9.3+Creating a table and inserting selected streets using plpgsql functionsCreating a table that stores Distances and other columnSaving select query results (year wise) from PostgreSQL/PostGIS to text filesWhat is the information behind this geometry?How to give start and end vertex ids dynamically in pgr_dijkstra?Point to Polygon nearest distance DS_distance is not using geography index & knn <-> or <#> does not give result in orderLine to point conversion with start point and end point detection?

Crop image to path created in TikZ? Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)Crop an inserted image?TikZ pictures does not appear in posterImage behind and beyond crop marks?Tikz picture as large as possible on A4 PageTransparency vs image compression dilemmaHow to crop background from image automatically?Image does not cropTikzexternal capturing crop marks when externalizing pgfplots?How to include image path that contains a dollar signCrop image with left size given