Mozilla Popcorn. About Mozilla Popcorn Mozilla Popcorn supercharges web video. Popcorn adds interactivity and context to online video, pulling the rest of the web right into the action in real time. Popcorn lets users link social media, news feeds, data visualizations and other content directly to moving images. The result is a new form of multimedia storytelling that lives and breathes more like the web itself: interactive, social, and unique each time. Popcorn is the result of ongoing collaboration between filmmakers, developers and webmakers. Together we explore how modern browser technologies like HTML5 can reshape moving images online. We focus on three types of users: Developers Javascript libraries like Popcorn.js give developers the tools they need to create standards-based interactive media. Project Team. v1.6.2 API: All. The Mapbox.js documentation is organized by methods.
Each method is shown with potential arguments in a table. Objects returned by constructors are documented by just their object type. For instance, L.mapbox.markerLayer documents a function that returns a layer for markers. The methods on that object are then documented as markerLayer.setFilter, markerLayer.getGeoJSON, and so on. To use this API, you'll need to understand basic Javascript and mapping concepts. If you'd like to learn Javascript, start with an interactive course or book. To learn more about maps, we've provided a helpful article explaining how web maps work. Asynchronous calls and the `ready` event Mapbox.js is asynchronous - when you create a layer like L.mapbox.tileLayer('examples.map-9ijuk24y'), the layer doesn't immediately know which tiles to load and its attribution information. For most things you'll write, this isn't a problem, since Mapbox.js does a good job of handling these on-the-fly updates.
Plugins. Markercluster with Mapbox marker data. Plugins. Leaflet Plugins While Leaflet is meant to be as lightweight as possible, and focuses on a core set of features, an easy way to extend its functionality is to use third-party plugins. Thanks to the awesome community behind Leaflet, there are literally hundreds of nice plugins to choose from. Tile & image layers The following plugins allow loading different maps and provide functionality to tile and image layers. Basemap providers Ready-to-go basemaps, with little or no configuration at all. Basemap formats Plugins for loading basemaps or GIS raster layers in common (albeit non-default) formats. Non-map base layers Sometimes you don’t want to load a map, just big custom images.
Tile/image display The following plugins change the way that tile or image layers are displayed in the map. Tile Load The following plugins change the way that tile layers are loaded into the map. Vector tiles Plugins to display vector tiles. Overlay data Overlay data formats Load your own data from various GIS formats. Heatmaps. [map=yes] the code-y bits. Map=yes is a collaboration between MapQuest Open and Stamen Design, using data from the OpenStreetMap project.
The project is an exploration of new frontiers in online cartography and the mapping of open data. More and more open data is coming online every day. Companies like MapQuest are explore ways of building businesses in this new ecosystem, where curation of data and the accessibility and always-on nature of the internet enable new kinds of interaction, visualization and mapping. All the code used to generate these maps is available for download and liberal re-use. This is a short tutorial designed to show you how to make your own [map=yes] style map tiles. Open Street Map The first thing we need to do is start by explaining some of the basic building blocks of OpenStreetMap (OSM): nodes, ways and tags and how you can query them using MapQuest's XAPI service. Nodes nodes are points on the Earth. As you can see, they are an exciting bunch. ways tags How awesome is that? Tiles TileStache Okay! Welcome.
v1.6.2 API: All. D3: TopoJSON: Animated demonstration on polygon simplification I. Animated Demonstration of Data-Driven Polygon Simplification with the help of TopoJSON This demonstration was created in preparation for the EDC-Entwicklerforum at the Dresden University of Technologies in 2013. It should basically demonstrate: * the 'beauty' of managing and sharing Code via GitHub-Gist & bl.ocks.org * in how far 'TopoJSON' is applicable and benificial for simplification of polygons Especially bl.ocks.org enables the parallel view of... * JavaScript-, CSS- and HTML-Documents * descriptions on the code (or project) in a readme.md file * the resulting visualisation That is really benifitial for understanding foreign code!!!
What can you do? Basically, you see a background map, made with Lealfet, and surely you have already recognized the 'animation selection menu'! You've got 3 options: * 'Start the complete animation' * start each part animation ('...without topology', '...regarding topology', 'data-driven What do you see? '...without topology' You can see the status-qou! Maps.stamen.com / toner-lines. ArcGIS. The "map sandwich"
By Charlie Frye, Esri Chief Cartographer Last week we started telling you about the new ArcGIS Online World Topographic Map. As I was working on the design of that map, with the intent of providing a better basis for mash-ups, I had an idea. It was born of frustration with the fact some mash-ups don’t work because too much information obscures the base map, making for an unreadable, often ugly result.
Demographic layers represent a great example of the kind of information that just doesn’t always work well in a simple mash-up. What I really needed was a way to “sandwich” the demography layer between the terrain and the reference information–that way the reference information would be legible, and I would still be able to understand the demography. Figure 1. Figure 2. The idea is to make a map that looks more like a map than a mash up.
How the Map Sandwich Works The basic idea is that three map services are stacked on top of each other to create a map (figure 3). Figure 3. CityTracking. Maps.stamen.com.