trailheadlabs / outerspatial-map-library Goto Github PK
View Code? Open in Web Editor NEWA Leaflet plugin built for use in OuterSpatial
Home Page: https://www.trailheadlabs.com/labs/outerspatial-map-library/
License: Other
A Leaflet plugin built for use in OuterSpatial
Home Page: https://www.trailheadlabs.com/labs/outerspatial-map-library/
License: Other
Now that we've "forked" Mapbox Outdoors, we should change name to "OuterSpatial Outdoors" (or something like that). We should do the same with a Satellite basemap, and potentially others as well.
This issue stems from #2
Deploy is only needed by Trailhead Labs, so we should separate it out into its own Gruntfile that isn't tracked in the repo.
Looks like the Leaflet snap plugin may be broken. Potentially because of the migration to 1.0.
When the print template is deployed on OuterSpatial:
The layer objects in this example contains a maki
element. Did this once give the clustered icons a maki icon perhaps?
maki: {
color: '#609321',
name: 'park'
}
Was wondering if this functionality was broken at some point and we didn't realize it or if it's supposed to be:
styles: {
point: {
'marker-color': '#609321',
'marker-symbol': 'park'
}
}
e.g.
https://github.com/trailheadlabs/outerspatial.js/blob/master/examples/geojson-layer-clustered.js#L11-L13
https://github.com/trailheadlabs/outerspatial.js/blob/master/examples/geojson-layer-clustered.js#L25-L28
Reproduce on the "examples/styling-vectors.html" page.
How do you feel about defaulting to using fractional zoom levels?
Here's a jsfiddle to get a sense of the feel of it:
https://jsfiddle.net/ryanjhodge/ay01dnxp/
e.g.
wheelPxPerZoomLevel: 120
zoomDelta: 0.5
zoomSnap: 0.5
It looks like we're missing MultiPolygon
and MultiPoint
.
We're going to license OuterSpatial.js under MIT for now, but should investigate other licenses that might make it easier for government usage.
This will improve accessibility and eliminate a bunch of overly-complicated code that's really unnecessary at this point. We'll need to work on the styling some though.
Contribute any appropriate fixes back into Leaflet so others can use the work.
h1
, h2
, or h3
?)span
with aria-hidden=“true”
attribute and add a sibling span with descriptive text (“close popup”) that is visually hidden^tabindex
to -1 before the element is focusedtitle
text to alt
texttabIndex
of div with npmap-map
class to 0 rather than 1scrollWheelZoom
by default and document the reason for this decision via contextual help in OuterSpatial Map Builder:hover
and :focus
states for control buttons (background-color:#333;
) and also override default outlines/glows for browsers to improve the contrasthref
attribute to the id of the popup’s div (this will require a persistent popup rather than the current approach which is destroying old and creating new popups)href
attribute of the close button and give focus back to this “shape” when the popup is closed^ Implement upstream in Leaflet
Now that we're on Leaflet > 1.0, we should implement better support for z-index between all of a map's overlays.
Should have options to link out to current providers of directions like Google, Bing, etc.
https://developers.google.com/maps/documentation/urls/guide#directions-action
Seems you can clear the measure tools with hitting escape. Same with the line tool in draw. But with polygons, can't seem to clear them.
Going into fullscreen mode adds inline styles for fixed positioning. That's fine, but it will be nice to also add a class to the map container element so we can style externally based on that state.
Example of fullscreen mode right now:
<div class="outerspatial" style="left: 0px; position: fixed; top: 0px;"><otherMapHTML /></div>
Something like this would work:
<div class="outerspatial fullscreen" style="left: 0px; position: fixed; top: 0px;"><otherMapHTML /></div>
the link to OuterSpatial Map Builder in the README 404s. i thought maybe you might still be in the process of re-open sourcing it, but it looks like it was already up in March...
https://github.com/trailheadlabs/outerspatial.js#outerspatial-map-builder
ps. i'm here because @jmoe showed me your current ArcGIS Service integration while we were up in Tacoma. very cool!
This will allow organizations to pull in data from OuterSpatial without having to manually format popups, specify symbology, etc.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.