Eddie Curran | Erin Woolbright

Slides:



Advertisements
Similar presentations
The Biosafety Clearing-House of the Cartagena Protocol on Biosafety Tutorial – BCH Resources.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Create a table Resize, split and merge cells Insert and align graphics within table cells Insert text and format cell content Maintain Web site Working.
Introducing new web content management tools for Priority...
Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.
Paul Trani Adobe Certified Instructor/Expert Resources:
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
OPEN LAYERS. History Google Maps ◦ Announced on February 2005 ◦ Possibility to explore the world OpenLayers ◦ First release on June 2006 ◦ Open alternative.
Creating Web based Thematic Maps using Open Source Platforms 2009 Ohio GIS Conference September 16-18, 2009 Crowne Plaza North Hotel Columbus, Ohio 2009.
Unit E. Image Measurements The size of an image can be measured 2 ways: Dimensions: the height and width, measured in pixels. File Size: measured in Kilobytes.
© 2007 Fred Ryals Conditional Content – A Dynamic HTML Demonstration Fred Ryals Senior Web Developer Leading Edge Design & Systems.
Karsten Vennemann, Seattle Free and Easy Web Mapping.
Web Site Design Principles
Website Development with Dreamweaver
Tutorial: Using ArcGIS Server and ESRI ArcGIS API for Javascript Peter Sforza March 7, 2013.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.
Interactive Client-Side Technologies MMIS 656 Web Design Technologies Acknowledgements: Estrella, S. (2003). The Web Wizard’s Guide to DHTML and CSS.
1 Geospatial and Business Intelligence Jean-Sébastien Turcotte Executive VP San Francisco - April 2007 Streamlining web mapping applications.
Types of Spatial Data Sites Data portals: Find and download data –Humboldt County, National Atlas “Atlases”: General information –GoogleMaps, MapQuest.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
ITGS Application Software. ITGS Application software (productivity software) –Allows the user to perform tasks to solve problems, such as creating documents,
Module ESSENTIALSBEYOND THE ESSENTIALS © 2012 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Learning Aim B.  In this section, you will consider the resources necessary for designing your website.  You will also think about any constraints that.
Extend Office clients across platforms using web technologies. Office Add-ins.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
PREZI PRESENTATION Creating a Prezi account and starting a new presentation.
ArcGIS API for javascript
Top 8 Best Programming Languages To Learn
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Shiny for RStudio Exploring Web Mapping Technology
Space and Cyberspace 2017 GIS Data on the Web Simon Wiles.
Web Site Development and Macromedia Dreamweaver 8
Chapter 1 Introduction to HTML.
Chapter 2 Developing a Web Page.
Map Mashups Peterson’s Chapter 10.
Chapter A - Getting Started with Dreamweaver MX 2004
Elasticsearch Magento 2 Extension
Matthew Przyborski Sam Moore GEO244 April 27, 2017
CSE 3! By Emma Sasson CSE Online Webpage HTML WORD EXCEL ALICE
Polymaps is a visualization java script library that requires SVG Data, A tile map as a base layer for a mash-up. This is not a stand alone product. It.
Project 1 Introduction to HTML.
WELCOME Mobile Applications Testing
Creating a button in Photoshop 7.0
CSE 3 – Fall 2015 Sierra Ampudia
Objective % Select and utilize tools to design and develop websites.
Territory Mapper Working with Accounts
Getting Started with Dreamweaver
°.
Web Development Tutorials for Beginners. The free tutorial helps beginners to learn how to code easily. A beginner can sign up for the tutorial to access.
HEATHER HALL & ADRIENNE SPITZER
Mapbox Studio Sarah and Haley.
Spanish IGN API Emilio López Romero.
Dynamic Web Pages Jin Wu INF 385E Information Architecture
Tutorial 6 Creating Dynamic Pages
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Types of Spatial Data Sites
Introduction of Week 11 Return assignment 9-1 Collect assignment 10-1
Database Connectivity and Web Development
Exercise 9 Skills You create and use styles to create formatting rules that can easily by applied to other pages in the Web site. You can create internal.
Types of Spatial Data Sites
MAGICCODZ WEB SOLUTIONS
Types of Spatial Data Sites
MAGICCODZ SOFTWARE SOLUTIONS 
Introduction to JavaScript & jQuery
Class 4: Building Interactive Web Pages
Microsoft Office Illustrated Fundamentals
Presentation transcript:

Eddie Curran | Erin Woolbright OpenLayers Eddie Curran | Erin Woolbright

What is OpenLayers? OpenLayers is an open-source Javascript library that allows for developers, professional or otherwise, to produce interactive web maps by providing data sources and an API. This means that if you’re creating a web map and want to be able to alternate seamlessly from 2D to 3D, you can search OpenLayers and find a block of code that you can insert into your map that makes that transition happen. OpenLayers is not necessarily a tile creator, however it does facilitate their use. Find code for OpenLayers here

Functionality OpenLayers is a versatile platform and has consistently been the go-to open- source library for web mapping.

Functionality OpenLayers is a fluid technology for web mapping and can accomplish a variety of tasks. Some, but not limited to include: - Vector Layering: Can render data that as come from various different formats, such as GeoJSON, KML, GPX, GML, Mapbox vector tiles, etc… - Pulls tiles from OSM, Bing, MapBox, Stamen and any other XYZ source. - Easily and highly customizable (provided you know some code)

Examples Custom Interactions Color Manipulation Draw Shapes

The ‘mash-up’ From what I’ve found, the primary mash-up between OpenLayers and another program/source/tool is QGIS. You can also use the code to in programs such as Dreamweaver or other web construction/design applications. You need an internet connection to use OpenLayers, preferably a high speed connection.

Documentation OpenLayers has excellent documentation. The website offers various tutorials, an OpenLayers workshop, and links to additional reference material. There is also a dedicated FAQ page as well as a link to Stack Overflow with instructions how to post a question regarding OpenLayers on the forum.

What I learned: OpenLayers tends to be the most widely used open-source web mapping tool currently available. It’s been described as the most “mature” open-source client side web mapping tool. OpenLayers has a wide range of functions, and it pays for it. In terms of space, roughly 1Mb of digital space*. On the other hand, Leaflet is steadily edging into OpenLayer’s territory as the default open-source web mapper. It is not plug and play, so to speak. https://openlayersbook.github.io/ch05-using-vector-layers/example-01.html (this is a whole digital text on just getting started with OpenLayers) *This data was based on OpenLayers2. The current version is OpenLayers3.