/ / управління шарами та geojson на mapbox / leaflet - javascript, листівка, mapbox

шари керування та geojson на mapbox / leaflet - javascript, leaflet, mapbox

Я змішуюся приклад хороплету

і приклад управління шарами

Використовуючи керування шарами за допомогою плиток, я "немає"проблеми, вона працює чудово, але мені потрібно працювати з geojson, і це моя проблема: шар гейсона коли-небудь на передньому плані, а плитки на тлі. але мені потрібно, щоб при виборі плитки "вулиці" у шарі управління виходила на перший план, а l.geojson - у фоновому режимі. мені це потрібно, щоб показати мітки. Використання прозорості не корисно для моїх цілей. будь-яке рішення? тут частина коду:

  var mapdataviz = L.mapbox.map("map", "andria.h41061in")
.setView([39.0981, 16.5619], 8);
mapdataviz.legendControl.addLegend(document.getElementById("legend-content").innerHTML);


L.control.layers({
"city": L.mapbox.tileLayer("andria.cal_com_ief1"),
"com_geojson": L.geoJson(comData,  {
style: getStyle,
onEachFeature: onEachFeature
}).addTo(mapdataviz),
"streets": L.mapbox.tileLayer("andria.h41061in")
},
{
"streets": L.mapbox.tileLayer("andria.h41061in"),

"com_geojson": L.geoJson(comData,  {
style: getStyle,
onEachFeature: onEachFeature
}).addTo(mapdataviz),
"bounds": L.mapbox.tileLayer("andria.cal_conf")
}).addTo(mapdataviz);



var popup = new L.Popup({ autoPan: false });

// comData comes from the "us-states.js" script included above
var comLayer = L.geoJson(comData,  {
style: getStyle,
onEachFeature: onEachFeature
})

function getStyle(feature) {
return {
weight: 0.7,
opacity: 0.5,
color: "white",
fillOpacity: 0.8,
fillColor: getColor(feature.properties.IEF1_2008)
};
}

Відповіді:

0 для відповіді № 1

Ви згадуєте, що прозорість не є хорошою для ваших цілей, але цей підручник MapBox демонструє, як розмістити шар geoJson за шаром карти вулиці.

https://www.mapbox.com/blog/neighborhood-mapping-with-dynamic-vector-data-layers/

Це корисно?