With the new Mapillary JS viewer, you can walk around
the world in 3D and explore millions of crowdsourced photos.
Peter Neubauer, Kushan Joshi, and I integrated the new Mapillary JS viewer directly into iD, making it easier than ever to add street-level details to OpenStreetMap.
Unprecedented relationships on the ground and spanning the globe, along with rapid advances in collaborative tools, are fundamentally changing how data and analysis are created and shared for humanitarian response. It’s all made possible by OpenStreetMap.
Just last week, Humanitarian OpenStreetMap Team (HOT) activated and brought the total count of mapped buildings in the severely flooded areas of Sri Lanka to more than 87,000 buildings.
The Sri Lankan Government Disaster Management Centre requested a count of buildings in the impacted zone to guide the scale and location of their response efforts. This request in itself is extraordinary, considering all the other important work of the DMC amidst a major crisis; this is the result of several years cooperation with the World Bank GFDRR and HOT.
Within days, HOT assessed the need, designed Tasking Manager projects, rallied a global community – with contributions everywhere from international gatherings on risk to students in Sri Lanka– and produced dependable, actionable results.
I’m again proud that the GFDRR team and the HOT community came forward to help us. We worked together to be prepared over the last three years and now we get real outputs.
-Srimal Samansiri, Sri Lanka DMC
Mapbox, among many others, is proud to help in coordination and technical support in the response, and in the preparation. Just a few weeks ago, in calmer and seemingly long ago times, we were integrating UAV imagery collected by DMC in Sri Lanka. And we’ve been sharing guidance to the development of OSM Analytics, used to count 87,000 buildings in the flooding zone.
Relationships and great tools, all together, result in extremely fast coordination, mapping, and insights.
Get in touch with me for connections into the global OpenStreetMap response community.
Using USGS earthquake data feed and Mapbox GL JS data-driven styling, we built a live earthquake tracker of global tremors as detected by monitoring stations worldwide.
Check out the tight clusters of minor earthquakes in Alaska and California, and sparser but far more powerful shocks on the Ring of Fire’s western edge. Hover over each marker to inspect the quake, and click to zoom in and view satellite imagery of the surrounding area:
To build your own earthquake tracker or data-driven map, here’s a basic implementation to get you started:
varfeed='http://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/all_month.geojson';mapboxgl.util.getJSON(feed,function(err,data){// Add response data as source.map.addSource('earthquakes',{type:'geojson',data:data});// Add response data as source.map.addLayer({"id":"earthquake-layer","type":"circle","source":"earthquakes","paint":{"circle-color":"#f00","circle-radius":{"property":"mag","base":1.8,"stops":[[{zoom:0,value:2},1],[{zoom:0,value:8},40],[{zoom:11,value:2},10],[{zoom:11,value:8},2400],[{zoom:20,value:2},20],[{zoom:20,value:8},6000]]}}});});
Build your own!
We would love to see your data-driven maps. If you have something to share, tweet us at @Mapbox.
We’re kicking off WWDC with a party next week, and we’d love to see you there!
Meet other mobile developers over food and drinks on Tuesday, June 14th at 5:30 pm at our office in downtown SF. We’ll be showing off new and upcoming features in our iOS SDK, plus a glimpse of where we’re headed with mobile navigation. Our developers will also be around to answer any questions you have about building with our tools.
This past Saturday, we had the honor and pleasure of sponsoring the 2016 ProjectCSGIRLS National Gala for the second year. ProjectCSGIRLS is a non-profit organization aimed at supporting young women in technology by holding workshops, mentorships, and the country’s largest computer science competition for middle school girls. Each year, competition finalists are invited to a gala to attend hands-on workshops, panels, talks, and a formal awards ceremony.
We hosted a workshop with over 50 finalists, in which they fearlessly learned how to create a custom style, import an external dataset, and initialize a map in an HTML element. These inspiring young women — who had all developed their own projects addressing global health, safety & security, and intelligence technology themes — dove head-first into Mapbox Studio and Mapbox GL JS.
Emily and Nicki at the hands-on workshop
The gala also hosted a Women in Tech panel, which featured female engineers from the DC metro area, representing fields ranging from healthcare analytics to cyber security to free coding education. Our own Kajari Ghosh spoke on this panel about her experiences as a woman in tech.
Kajari representing Mapbox on the Women in Tech panel
We’re thrilled to continue supporting ProjectCSGIRLS and the next generation of women in technology, and we look forward to finding more opportunities to collaborate with this wonderful organization in the future.
GitHub, Dropbox, and Google Sheets make it easy to store and share data — but how do you request a file from these sources to use it as a data layer on a map? I’ll show you how to request data from each service and apply data-driven styling.
Each example uses data provided by the open data catalog for the City of Vancouver and in the interest of keeping things simple, I applied light data-driven styles to either the circle-radius or circle-color properties of points received.
This GitHub example uses gist.github.com to anonymously store a GeoJSON document containing over 8,000 points of graffiti site data. Each point contains a single value COUNT that represents the number of graffiti found at each location that’s used to style each point. GitHub’s API limits the number of requests you can make to anonymously posted data so you can use a service called RawGit to serve it instead.
With Google Sheets, data is stored in a spreadsheet. With a powerful online interface and collaboration settings, it’s a great solution for continuous modifications. After creating your spreadsheet, you’ll need to set the share settings to “Public on the web” or “Anyone with a link” (found under Advanced in the Link sharing modal) and publish your data File > Publish to the web.
The response returned by Google Sheets requires some processing to format the data into valid GeoJSON. You can use mapboxgl.util.getJSON to fetch the data and then format it on callback.
varurl='https://spreadsheets.google.com/feeds/list/16fTFtrVyW6zunP0fow5jZaupEkKA-MSMvtQQLp3-tQY/od6/public/basic?alt=json';mapboxgl.util.getJSON(url,function(err,data){// From the requested source we'll need to do a bit of// data processing to get it into a format for our needs.// The finished output looks like GeoJSONvargeojson={type:'FeatureCollection',features:[]};data.feed.entry.forEach(function(d){varlng,lat;// Add coordinates fields you want based on `d.content`geojson.features.push({type:'Feature',properties:{title:d.title.$t},geometry:{type:'Point',coordinates:[lng,lat]}});});});
Dropbox comes with a caveat: you need to place your files in a public folder which requires a Business or Pro account. Files in the public folder allow you to link directly to the raw source without having to build an authentication layer.
In this example, I used data-driven styling simply here to distinguish between building types. In the data, 0 stands for “Captial fund” and 1 stands for “Property endowment fund”.
Click on the full screen link under each example to learn more how I built each example by viewing the source code. Have a question about another third party source? Reach out to us on Twitter @Mapbox.
We are so excited to talk OpenStreetMap and share our work with everyone next month at State of the Map US.
We’re looking forward to catching up with everyone and meeting new people in this fast moving open source community. Come by our booth for in-real-life support from our support team, Lyzi and Dan, or attend one of the sessions we’re leading:
Have you noticed an attribution problem on a Mapbox hosted map? Let us know. OpenStreetMap contributors work hard to create free and open map data and deserve recognition, and we take OpenStreetMap’s attribution requirements very seriously.
To report missing attribution, select “Attribution” from our contact form, fill in details on where you found the problem, and we’ll take it from there.
This week our directions team is in Karlsruhe. Join us to discuss directions, maps, and Mapbox Drive over drinks at Old Chapel Pub on Tuesday, June 14 at 19:00.
Kai Dalgleish is the newest member of the Mapbox geocoding team and joins us in our San Francisco office. Kai will be improving our geocoder’s search capabilities, data coverage, test systems, and much more.
Kai’s varied background includes boat building, teaching, bookkeeping, and forest defense. Most recently they were a member of Hackbright, first as a student and then as part of the education team.
The Mapbox team stopped by WWDC this morning to deliver a coffee boost from Beulah’s Bean Truck to the crowd in line for the keynote!
The WWDC keynote covered the latest API and operating system updates from Apple. We are excited about the new opportunties to integrate Mapbox maps into your applications on iOS, watchOS, tvOS, macOS and even Swift Playgrounds for iPad.
If you’re in town we also welcome you to our office in downtown SF tomorrow (Tuesday, June 14th) for food and drinks at 5:30 pm. We’ll be showing off new and upcoming features in our iOS SDK, some initial ideas about how to take advantage of iOS 10 features with the iOS Mapbox SDK, plus a glimpse of where we’re headed with mobile navigation. Our developers will also be around to answer any questions you have about building with our tools.
We’re releasing a navigation icon set, comprised of over 50 symbols, designed specifically for you to use with our directions API. We based the icon set on a global catalogue of navigational conditions our directions team has compiled, so that even in the oddest and unique driving conditions, our API response will have an accurate, corresponding icon.
Designed to be quickly identifiable for users-in-motion, icons are based on classic navigational symbols with slightly exaggerated elements for timely recognition.
The icons are 20 pixels by 20 pixels, are pixel aligned for sharp rendering, and are single path SVG files to give you flexibility and scalability while designing your apps.
We will continue to grow this set of icons as we develop our directions API for Mapbox Drive. You can download the icon set from the directions-icons GitHub repo. If you use these icons in a directions project you’re excited about, please share with us at @Mapbox.
Join us on July 2nd and 3rd in Bengaluru for two full days of mapping and hacking on OpenStreetMap tools.
Our office will remain open from 9 AM to 9 PM on July 2nd and 3rd, and we’ll have some great people on deck to help you learn and ship exciting things for OpenStreetMap. Take a look at some of the projects or propose your own. Internet, food and drinks are on us.
Join us and our friends from the Peace Corps next week for an OpenStreetMap Mapathon! Maps help Peace Corps, USAID, and Centers for Disease Control focus upcoming mosquito spray campaigns that substantially decrease the impact of malaria. During the workshop, we’ll focus on editing OpenStreetMap, and contribute to data used to prevent and control malaria.
Where: Mapbox, 149 9th St, Suite 404, San Francisco
The mapathon is open to the public, and we would love to have Peace Corps Volunteers in attendance. If you can’t make the mapathon, stop by the Peace Corps mapping events later in the week at Berkeley and Stanford.
As part of our commitment to the Humanitarian OpenStreetMap Team, we just finished rendering an update to our Satellite basemap. Using imagery collected as recently as last month, the update encompasses the refugee camps in Calais, France. What you see on our basemap now more accurately reflects the realities on the ground.
This update assists the work that Mapfugees, in collaboration with HOT, has been doing in the area. By creating detailed, multilingual maps of the refugee camps in Calais, assistance can be more effectively provided to the community.
Due to the makeshift character of its shelters and facilities, it is a huge challenge to identify and analyze structures. Combining ground truth and remote mapping with up-to-date imagery enables us to capture the camps architecture and dynamics in a professional and sustainable process.
The TurnLanes-tagging plugin works on both uni-directional and bi-directional roads. You can add lane counts as well as individual turn lanes in each direction. The plugin intuitively provides presets for the most common, and recently used, turn lane combinations, and also automatically updates lane count based on the number of turn lanes for the road.
To get started, activate the plugin from JOSM Preferences > Plugins > turnlanes-tagging and restart JOSM (if needed).
To use the plugin, select a road and open the turnlanes-tagging plugin in the edit menu. Choose the type of way (uni- or bi-directional), then set the number of lane. Click the icons to specify the allowed direction of movement per each lane.
Join the OpenStreetMap community in Brazil, and around the world, to create the best map of Olympic venues for this summer’s games! We’ll be tracing from the latest imagery, processed into our Satellite basemap.
Today Mapbox is launching Mapbox Esri Connect, a suite of tools designed to seamlessly connect Mapbox with your existing Esri infrastructure. Whether you design your own maps in Mapbox Studio or use pre-designed Mapbox styles, this new toolset allows you to add Mapbox maps to ArcGIS Online and ArcGIS Desktop with just a few clicks.
WMTS support
One of the core features of Mapbox Esri Connect is WMTS support for every Mapbox map, enabling seamless integration with ArcGIS Desktop and QGIS. WMTS is an international standard created by the Open Geospatial Consortium, a standards body for geographic software. We love standards: Mapbox is built on open standards like GeoJSON and Mapbox Vector Tiles. WMTS is a way for different mapping applications to talk to each other with very little manual configuration: just enter a URL, choose a map layer, and you’re set.
Tile endpoints for Mapbox Studio styles
In February, we started creating image tiles from Mapbox Studio maps, so that Mapbox.js and other libraries can use your newly-designed maps without having to make the jump to vector rendering. The API serves 512px tiles - four times larger than traditional 256px tiles. We’re super excited about the switch to 512px across the board, but we also want to make sure that Mapbox works everywhere, even if you can’t adjust the tile size in your mapping library. So today, in addition to the 512px default size, we’re also supporting traditional 256px tiles with Mapbox Studio maps.
Embrace interoperability today
Check out the whole suite of tools on the Mapbox Esri Connect page, and be sure to show us what you’re building on Twitter @Mapbox!
Coming to San Diego next week for the Esri User Conference? Join us at Mapbox’s annual San Diego get-together – this year on the historic USS Midway! Check out the invite for more information and to RSVP. If you’d like to set up a meeting to chat with us while we’re down there, shoot us an email at hannah@mapbox.com.