A goofy slippy map of various vector tile data sources. With some fun colours, greetz to Aaron and Mike and Mike and the whole Prettymaps crew. Sacramento, CA • SF bay area, CA • New Orleans, LA • Boulder, CO • Albuquerque, NM • Crater Lake, OR • Bagdad Cafe, CA • Hillsboro, KS • Galveston Bay, TX • Cape Cod, MA Tested with Chrome. If the background tiles are pepto-bismol pink instead of gunmetal grey, your browser doesn't support -webkit-filter. A goofy slippy map of various vector tile data sources. With some fun colours, greetz to Aaron and Mike and Mike and the whole Tested with Chrome. If the background tiles are pepto-bismol pink instead of gunmetal grey, your browser doesn't support <,!--[if lte IE 8]>, <,link rel='stylesheet' href='http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css' />, <,![endif]-->, html, body { height: 100% } #map { min-height: 100%, } body { margin: 0, font-family: Helvetica, Arial, sans-serif, font-size: 12px, overflow: hidden, background-color: #f00, } .leaflet-popup-content-wrapper { -webkit-border-radius: 5px, border-radius: 5px, } path { stroke-linejoin, round, stroke-linecap: round, fill: none} path.river { stroke : #24b, } path.road { stroke: #b42, } path.water { stroke: #bcf, fill: #abf, } path.landuse { stroke: #bb2, fill: #cc2, opacity: 0.4 } path.building { stroke: #f00, fill: #f00, } img { -webkit-filter: grayscale(100%) brightness(40%) contrast(150%),} button#demake { font-size: 12px, padding: 7px 14px, color: #ffffff, background: #b42, border-radius: 10px, -moz-border-radius: 10px, -webkit-border-radius: 10px, border: 3px solid #ffffff, position: absolute, top: 20px, right: 20px, z-index: 3, } button.animating { background: #444 !important, } '<,a href='http://www.arcgis.com/home/item.html?id=9c5370d0b54f4de1b48a3792d7377ff2'>,ESRI shaded relief<,/a>,, <,a href='http://www.horizon-systems.com/NHDPlus/NHDPlusV2_home.php'>,NHDPlus v2<,/a>,, OpenStreetMap' /* Experimental vector tile layer for Leaflet * Uses D3 to render GeoJSON, faster than Leaflet's native. * Originally by Ziggy Jonsson: http://bl.ocks.org/ZJONSSON/5602552 * Reworked by Nelson Minar: http://bl.ocks.org/NelsonMinar/5624141 * * Todo: * Make this work even if <,svg>, isn't in the DOM yet * Make this work for tile types that aren't FeatureCollection * Match D3 idioms for .classed(), .style(), etc * Work on allowing feature popups, etc. */ Source.


Яндекс.Метрика Рейтинг@Mail.ru Free Web Counter
page counter
Last Modified: April 22, 2016 @ 12:11 pm