Mapbox Studio Sarah and Haley.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

EZpak Office Clipart Starter Kit for Clinical Packaging office.ezpak.net.
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
M2 – Explain the tools and techniques used in the creation of an interactive website. By Arturas Vitkovskij.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Fireworks MX. 2 Lesson 1a—Create Slices & Hotspots n Fireworks allows you to add animation (behaviors) already written in ___________. n However, users.
Annotation & Nomenclature By Corey Fortezzo for PG&G GIS Workshop, 2010.
How to prepare a PowerPoint presentation
Python plotting for lab folk Only the stuff you need to know to make publishable figures of your data. For all else: ask Sourish.
XP New Perspectives on Microsoft Access 2002 Tutorial 71 Microsoft Access 2002 Tutorial 7 – Integrating Access With the Web and With Other Programs.
A GUIDE TO SHAREPOINT 2007 CUSTOMIZATION OPTIONS Heather Solomon, WSS MVP.
Sharing Geographic Content
Renesas Technology America Inc. 1 M16C/Tiny SKP Tutorial 2 Creating A New Project Using HEW4.
Resume User’s Guide. “Sections?” “Formatting?” ‘What do I write?”…….
WebGL for lazy dudes Janne Lautamäki 1 GLGE – Janne Lautamäki
Introduction to ArcGIS API for JavaScript
Lesley Bross, August 29, 2010 ArcGIS 10 add-in glossary.
Creating Web based Thematic Maps using Open Source Platforms 2009 Ohio GIS Conference September 16-18, 2009 Crowne Plaza North Hotel Columbus, Ohio 2009.
Karsten Vennemann, Seattle Free and Easy Web Mapping.
Interacting with a Web Page using JavaScript Mat Kelly GTAI Presentation January 10, 2014.
Tutorial: Using ArcGIS Server and ESRI ArcGIS API for Javascript Peter Sforza March 7, 2013.
Step Two: Import Contacts. As mentioned in Step One, you can Quick Add Contacts one at a time. Adding contacts this way will only require input of the.
Cross Site Integration “mashups” cross site scripting.
University of Sunderland CDM105 Session 6 Dreamweaver and Multimedia Fireworks MX 2004 Creating Menus and Button images.
Renesas Technology America Inc. 1 SKP8CMINI Tutorial 2 Creating A New Project Using HEW.
Preparing and Deploying Data to ArcPad Juan Luera.
Creating Buttons – Lesson 51 Creating Buttons Lesson 5.
Flash Flash. It’s components and usage. New generation of web- design  Definition Multimedia technology developed by Macromedia to allow much interactivity.
® Microsoft PowerPoint 2010 ® Tutorial 3 Adding Special Effects to a Presentation.
Chapter 11 Using SAS ® Web Report Studio. Section 11.1 Overview of SAS Web Report Studio.
Types of Spatial Data Sites Data portals: Find and download data –Humboldt County, National Atlas “Atlases”: General information –GoogleMaps, MapQuest.
Road Ahead for Vector Mapping
Renesas Technology America Inc. 1 SKP8CMINI Tutorial 2 Creating A New Project Using HEW.
FLASH!!!!!!!!!!!!!!!!!!!!!!!!! A TUTORIAL BY BRITTANY HESS AND MARGARET DENTON.
©2010 AIR WORLDWIDE 1 Using ArcGIS Server Web Map Services in Web Map Mash-Ups Benjamin Spaulding, Ph.D. AIR Worldwide Esri Boston Dev Meet-Up 12/8/2010.
GOOGLE SITES HOW TO USE GOOGLE SITES TO CREATE A WEBSITE FOR CORNERS, STUDENT GROUPS, YOUTH CLUBS, YALI STEPHEN PERRY, IRO, GHANA OCTOBER 2014.
ArcGIS Online Hosted Feature Service for City of Sacramento Current Projects.
Esri UC 2014 | Technical Workshop | ArcGIS API for JavaScript: An Introduction Kelly Hutchins Derek Swingley.
CDM105 Session 12 Macromedia FLASH MX 2004 Part 5 : Sounds, publishing your movies, and the ‘Get URL’ action.
Windows App Studio Windows App Studio is the tool that makes it fast and easy to build Windows 10 apps. It’s accessible from any device with a browser.
ArcGIS API for javascript
A step-by-Step Guide For labels or merges
Shiny for RStudio Exploring Web Mapping Technology
Mapping for the interwebs
Matthew Przyborski Sam Moore GEO244 April 27, 2017
Baxter Shandobil Adele Rife
Microsoft Office Intermediate WORD 2010 Nolan Tomboulian
°.
Microsoft Build /10/2018 1:35 AM © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY,
Eddie Curran | Erin Woolbright
HEATHER HALL & ADRIENNE SPITZER
Problems with INSPIRE WMS
Getting Started with.
GIFT / Fiscal Data Package Iteration 3
Ten Steps to a Good PowerPoint
Spanish IGN API Emilio López Romero.
Creating Images for the Web
An audio and visual tutorial
Types of Spatial Data Sites
Hosted feature layers and Esri Story Maps
Types of Spatial Data Sites
Tutorial 7 – Integrating Access With the Web and With Other Programs
Web AppBuilder for ArcGIS
Types of Spatial Data Sites
CS 4722 Computer Graphics and Multimedia Spring 2018
Introduction to Portal for ArcGIS
Tutorial 7 Creating Custom Reports
Mapping packages Unfortunately none come with Anaconda (only geoprocessing is which does lat/long to Cartesian conversions). matplotlib.
ArcGIS Pro: An Introduction Overview
LEVERAGING VECTOR TILE LAYERS IN WEB APPS
Presentation transcript:

Mapbox Studio Sarah and Haley

Custom tiles to add to any Website With mapbox you can create a custom base map or use one already made. Set up more as an API than a map hosting service The base maps are fully customizable you can turn on and off layers, change coloring, change font, change lighting on the map All data to add must be in a CSV or geoJSON file To finish the map you will need to do some coding

www.mapbox.com/help They have a great help section and tutorials but oddly you have to dig for it.

Loads of Documentation There are lots of great tutorials on adding data, manipulating data and saving styles. So much you can get a little lost. To create a map with data you have to save it as a tileset once you are done editing it to add it to a map. Reminder you can only use geoJSON or CSV to up load data But mapbox has your back on this too they have a helpful list of sites that will convert other file formats into geoJSON. togeojson, converting KML and GPX (XML formats). Ogr2ogr this one supports lots of ESRI file formats (haven’t tried it yet). fio-load from the Python package Fiona. geojson.io for creating, converting, and editing GeoJSON

What can Mapbox do for you? Imagery Basemap styling Tile rendering and creation Vector overlays Choropleth Proportional symbol Isoline Bivariate/ multivariate Animation Time series Seems to do great with integration and fully supported for mobile applications

What Can’t it do Graphs and Charts- mapbox just does maps you can do a 3D projection that is almost like a graph https://www.mapbox.com/bites/00273/

What programming languages should you know? Mapbox can be used to create custom styles and display data, and this doesn’t require any coding knowledge. HOWEVER, if you want to make your map interactive, then knowing some Javascript is necessary.

Example: Interactive popup window (Javascript) More examples + sample code

Mapbox Mash-ups: It’s easy to use Mapbox for mash-up websites! ( I think) A map-box map can be shared with a URL Or, developed and placed into a website with a style URL and an API (access token). More development can be done using the Mapbox Javascript library called Mapbox GL JS.

Mapbox Map Example Lonely Planet travel guides https://www.lonelyplanet.com/italy

Questions?? We have lots!