Difference between revisions of "Test"
Jump to navigation
Jump to search
| Line 21: | Line 21: | ||
<script> | <script> | ||
var url = 'usa.json'; // my GeoJSON data source, in same folder as my html page. | var url = 'usa.json'; // my GeoJSON data source, in same folder as my html page. | ||
| + | var url2 = 'usa.json'; // my GeoJSON data source, in same folder as my html page. | ||
var map = L.map('map').setView([47.7541, -107.05078], 3); | var map = L.map('map').setView([47.7541, -107.05078], 3); | ||
| Line 34: | Line 35: | ||
return { | return { | ||
fillColor: 'green', | fillColor: 'green', | ||
| + | fillOpacity: 0.5, | ||
| + | weight: 2, | ||
| + | opacity: 1, | ||
| + | color: '#ffffff', | ||
| + | dashArray: '3' | ||
| + | }; | ||
| + | } | ||
| + | function style2(feature) { | ||
| + | return { | ||
| + | fillColor: 'blue', | ||
fillOpacity: 0.5, | fillOpacity: 0.5, | ||
weight: 2, | weight: 2, | ||
| Line 62: | Line 73: | ||
layer.on("click", function (e) { | layer.on("click", function (e) { | ||
stateLayer.setStyle(style); //resets layer colors | stateLayer.setStyle(style); //resets layer colors | ||
| − | + | stateLayer2.setStyle(style2); //resets layer colors | |
| + | layer.setStyle(highlight); //highlights selected. | ||
}); | }); | ||
} | } | ||
| Line 68: | Line 80: | ||
// Null variable that will hold layer | // Null variable that will hold layer | ||
var stateLayer = L.geoJson(null, {onEachFeature: forEachFeature, style: style}); | var stateLayer = L.geoJson(null, {onEachFeature: forEachFeature, style: style}); | ||
| + | var stateLayer2 = L.geoJson(null, {onEachFeature: forEachFeature, style: style2}); | ||
$.getJSON(url, function(data) { | $.getJSON(url, function(data) { | ||
| Line 74: | Line 87: | ||
stateLayer.addTo(map); | stateLayer.addTo(map); | ||
| + | $.getJSON(url2, function(data) { | ||
| + | stateLayer2.addData(data); | ||
| + | }); | ||
| + | |||
| + | stateLayer2.addTo(map); | ||
// for Layer Control | // for Layer Control | ||
| Line 82: | Line 100: | ||
var overlayMaps = { | var overlayMaps = { | ||
| − | "USA":stateLayer | + | "USA":stateLayer, |
| + | "USAb":stateLayer2, | ||
}; | }; | ||
| Line 88: | Line 107: | ||
L.control.layers(baseMaps, overlayMaps).addTo(map); | L.control.layers(baseMaps, overlayMaps).addTo(map); | ||
| + | </script> </body> | ||
</script> </body> | </script> </body> | ||
</html> | </html> | ||
Revision as of 16:42, 23 February 2022