How to Add Java-based GIS Maps to Your Webpages

Slides:



Advertisements
Similar presentations
PART IV - EMBED VIDEO, AUDIO, AND DOCUMENTS. Find a video on Youtube.com: Search for a video, then look for the Embed code. Copy this code into the HTML/JavaScript.
Advertisements

29 April 2015Page 1 Beginners Guide: Embed GIS Maps Tutorial and Walkthrough w/Examples How to Add GIS Maps to Your Webpages.
Global Contact International Publishing Corporation
Linked Windows and Frames. Frames and Linked Windows2 Linked Windows n Information pointed to by hyperlink displayed in another window n Target attribute.
1 August 2015Page 1 Webmaster's Guide: Embed GIS Maps with Java Tutorial and Walkthrough w/Examples How to Add Java-based GIS Maps to Your Webpages.
1 August 2015Page 1 ICAO Officers' Guide: Edit GIS Maps Tutorial How to Edit GIS Maps using Layers.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: Frames © 2007 Prosoft Learning Corporation All rights reserved ITD 110 Web Page Design.
Chapter 6 Working with Frames.
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 9: HTML Frames.
Using Frames in a Web Site
Review of last session Logon – username = l4luser02 – l4luser16 Logon – username = l4luser02 – l4luser16 Password = Startnow1 Password = Startnow1 Fill.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 12: Building Responsive Webpages.
HTML Overview for Proofreading. HTML layouts are divided into sections, and created in tables separating the images & content sections.
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
How to add a Wevideo project to you Jimdo Homepage Frontier EMST.
CIT 256 Organizing Large Websites: Divs, DW Templates Dr. Beryl Hoffman.
 iSpring is a PowerPoint to Flash Converter  Click here to Download iSpring – free Click here to Download iSpring  iSpring works with SlideBoom  SlideBoom.
Additional Topics. Tutorial #9 Review – Forms Forms Legend and fieldset Fields Text Password Radio buttons, check box, text area, select lists Buttons.
CIS67 Foundations for Creating Web Pages Professor Al Fichera Reference for CIS127 and CIS 137.
V0.1 BlackBerry HTML5/WebWorks Applications for the BlackBerry ® PlayBook™ Tablet BlackBerry Academic Program Module 5 - Writing HTML5/WebWorks API Extensions.
Chapter 12 FRAMES. HOW FRAMES WORK When you view a framed page in a browser, you are actually looking at several HTML documents at once. The key to making.
Using SAM 2013 in CGS1060 University of Central Florida.
Configuring Content Navigation Module 8. Overview  Understanding Site Navigation  Customizing Current Site Navigation  Customizing Global Site Navigation.
Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.
Learning HTML Presented By: Wayne Helle What Is HTML? Learning Basic Tags... Formating Your Text... Working With Images and Links... Simple Form Boxes..
1 Web Developer Foundations: Using XHTML Chapter 5 Key Concepts.
QUICK TIPS (--THIS SECTION DOES NOT PRINT--) This PowerPoint template requires basic PowerPoint (version 2007 or newer) skills. Below is a list of commonly.
audio video object Options: controls autoplay Need to define height and width Options: controls autoplay.
Designed for Partners How to use the Grid effectively.
Wordpress Michael Stachiw, Jr. Lauren Gatcombe. Who We Are Michael Stachiw, Jr. – Political Science Major at Mizzou – Creator of Wordpress site Patriotparadise.com.
Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.
Site Development Foundations © 2004 ProsoftTraining All rights reserved.
Embedding Videos and Slideshows. (Click on any question you have to go directly to the answer, while in presentation mode)
Instructional Design Center Embedding Google Documents in Blackboard.
The Brenkoweb provides the excellent online programming tutorial for the programmer in various languages like as PHP, SQL, HTML, ASP, Javascript,
Linked Data & Semantic Web Technology Development of Twitter Applications Part 2. Twitter for Websites Dr. Myungjin Lee.
Wordpress Michael Stachiw, Jr. Lauren Gatcombe. Who We Are Michael Stachiw, Jr. – Political Science Major at Mizzou – Creator of Wordpress site Patriotparadise.com.
Find us at Have you ever wanted to start your own website or blog?
ICAO Officers' Guide: Edit GIS Maps Tutorial
Beginners Guide: Embed GIS Maps Tutorial and Walkthrough w/Examples
Add Video Library in Company
Working with Cascading Style Sheets
ESRI Story Map Tutorial
SIGMET Coordination Christopher Keohan
Understanding QlikView Web Parts for SharePoint
Weebly Elements, Continued
Advanced Troubleshooting with Cisco Prime NAM-3: Use Case
Frames 8th March.
Integrating Blogs with Course Content
Videos.
Intro to Dreamweaver Web Design Section 8-1
Chapter Lessons Start Adobe Photoshop CS
ClubRunner Tutorial Home Page Stories.
Simple steps of using Google Earth to prepare Field Study report
Shawn and Rebeca Who are we?. Accessibility, the final frontier, these are our voyages into best practices...
Web Page Design ICT Ms. McGrew.
Adding form and function to your ACEweb pages
How to Add Java-based GIS Maps to Your Webpages
Customer Protect logo LINK: Download the logo here
ICAO Officers' Guide: Edit GIS Maps Tutorial
GET INVOLVED GET INVOLVED SPECIAL OLYMPICS MINNESOTA
Basic HTML and Embed Codes
LiveWire Log in page TIPS
Welcome to 2013-and Technology in the Classroom by Tim Rhodes
QUICK-START Guide: Embed GIS Map FIR in Web Page
Оквири Оквири омогућавају да видљиво подручје буде подељено у неколико делова. Свако подручје може да учита сопствени документ, са различитом адресом,
ClubRunner Tutorial Home Page Stories.
Videos.
Embedding Videos.
In this session, you will learn to:
Presentation transcript:

How to Add Java-based GIS Maps to Your Webpages Webmaster's Guide: Embed GIS Maps with Java Tutorial and Walkthrough w/Examples How to Add Java-based GIS Maps to Your Webpages

Guide to Tutorials For Java-based GIS Maps, use this tutorial Maximum customization and configuration For Adobe Flash Maps, use "Beginner's Guide" For a very simple FIR, use the Quick Start FIR Copy and paste one line of HTML shown below Copy and paste code in the yellow boxes <iframe height="600"src="http://gis.icao.int/FIRMSD"width="100%"</iframe>

Embed Java-based gis maps

Benefits and Maps Client is Java-based, so it works cross-platform Java maps give more control and configuration Use the code in the following slides to render maps on the following subjects: Flight Information Region (FIR) Global Language Proficiency Requirements Status WGS-84 Compliance Flight Plan (FPL) Status Traffic Flow Services SCAN

FIR Global <iframe width="940" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html?webmap=724dfc8916604483a0ab06b4f3cbe57f&gcsextent=-180,-76.3104,180,83.7348&displayslider=true&displayscalebar=true&displaylegend=true&displaydetails=true&displaysearch=true&displaybasemaps=true"></iframe><br /><small><a href="http://www.arcgis.com/home/webmap/viewer.html?webmap=724dfc8916604483a0ab06b4f3cbe57f&extent=-180,-76.3104,180,83.7348" style="color:#0000FF;text-align:left" target="_blank">View Larger Map</a></small></iframe>

WGS-84 <iframe width="940" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html?webmap=9885f8bf33434879b7afec57d2e5d687&gcsextent=-175.6601,-20.4043,64.2814,76.8563&displayslider=true&displayscalebar=true&displaylegend=true&displaydetails=true&displaysearch=true&displaybasemaps=true"></iframe><br /><small><a href="http://www.arcgis.com/home/webmap/viewer.html?webmap=9885f8bf33434879b7afec57d2e5d687&extent=-175.6601,-20.4043,64.2814,76.8563" style="color:#0000FF;text-align:left" target="_blank">View Larger Map</a></small>

Language Proficiency Requirements <iframe width="940" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html? webmap=c25219712f0d4c4a83b537f26ae0da8a&gcsextent=-180,- 74.3548,180,84.5246&displayslider=true&displayscalebar=true&displaylegend=true&displaydetails=tr ue&displaysearch=true&displaybasemaps=true"></iframe><br /><small><a href="http://www.arcgis.com/home/webmap/viewer.html? webmap=c25219712f0d4c4a83b537f26ae0da8a&extent=-180,-74.3548,180,84.5246" style="color:#0000FF;text-align:left" target="_blank">View Larger Map</a></small></iframe> <iframe width="940" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html?webmap=c25219712f0d4c4a83b537f26ae0da8a&gcsextent=-180,-74.3548,180,84.5246&displayslider=true&displayscalebar=true&displaylegend=true&displaydetails=true&displaysearch=true&displaybasemaps=true"></iframe><br /><small><a href="http://www.arcgis.com/home/webmap/viewer.html?webmap=c25219712f0d4c4a83b537f26ae0da8a&extent=-180,-74.3548,180,84.5246" style="color:#0000FF;text-align:left" target="_blank">View Larger Map</a></small></iframe>

Flight Plan Status (zoom for details) <iframe width="940" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html?webmap=efa98892aedd4516ad2b94eb8a476bcc&gcsextent=-180,-77.8788,180,82.9187&displayslider=true&displayscalebar=true&displaylegend=true&displaydetails=true&displaysearch=true&displaybasemaps=true"></iframe><br /><small><a href="http://www.arcgis.com/home/webmap/viewer.html?webmap=efa98892aedd4516ad2b94eb8a476bcc&extent=-180,-77.8788,180,82.9187" style="color:#0000FF;text-align:left" target="_blank">View Larger Map</a></small></iframe>

Traffic Flow Services <iframe width="940" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html?webmap=7fb950e1c21349e7aaf740498d79b85f&gcsextent=-80.387,-9.2105,149.3591,78.8828&displayslider=true&displayscalebar=true&displaylegend=true&displaydetails=true&displaysearch=true&displaybasemaps=true"></iframe><br /><small><a href="http://www.arcgis.com/home/webmap/viewer.html?webmap=7fb950e1c21349e7aaf740498d79b85f&extent=-80.387,-9.2105,149.3591,78.8828" style="color:#0000FF;text-align:left" target="_blank">View Larger Map</a></small>

SCAN <iframe width="940" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html?webmap=9623e72ea1b1428399e1d1b7802dba5e&gcsextent=-103.2715,-45.3367,126.4746,67.204&displayslider=true&displayscalebar=true&displaylegend=true&displaydetails=true&displaysearch=true&displaybasemaps=true"></iframe><br /><small><a href="http://www.arcgis.com/home/webmap/viewer.html?webmap=9623e72ea1b1428399e1d1b7802dba5e&extent=-103.2715,-45.3367,126.4746,67.204" style="color:#0000FF;text-align:left" target="_blank">View Larger Map</a></small>

Part 1: Position the Map – Extent Coordinates Change how the map starts – the central point – by editing the Extent Coordinates FIR for ICAO CAR region below <iframe src="http://gis.icao.int/firmsd?extent=-13580000 190000 - 5772000 3903000"></iframe>

…Extent Coordinates Use the extent coordinates below to show AFI: -6240000 -3156000 9375000 4270000 ASIA: 4858000 -1026000 20474000 6400000 CAR: -13580000 190000 -5772000 3903000 SAM: -15109000 -5975000 506000 1451000 EUR: -1564000 4105000 14051000 11531000 MID: 1037000 1080000 8845000 4793000 NAM: -19202000 3037000 -3587000 10463000 NAT: 12231000 4332000 3384000 11758000 LPR -27941955 -10077827 27239464 15086465 AFI -14148000 -6077000 17082000 8775000 GENERAL -6240000 -3156000 9375000 4270000 CAR 4858000 -1026000 20474000 6400000 ASIA -13580000 190000 -5772000 3903000 EUR -15109000 -5975000 506000 1451000 SAM MID -1564000 4105000 14051000 11531000 -19202000 3037000 -3587000 10463000 NAM 1037000 1080000 8845000 4793000 NAT -11041157 2205690 -11040695 2205904 MEXICO OFFICE -12231000 4332000 3384000 11758000 -13638000 4541000 -13632000 4551000 San Francisco Los Angeles -9559973 4601704 -9529513 4621654 Louisville, Kentucky -13211400 3993400 -13119200 4056100 Lisbon 13917200 3452300 16908700 5477600 Japan Chile -1039800 4665500 -993700 4696800 -8732266 -8111526 -6810170 -1859588

Customization options

Customize the Code Overview Edit the code to customize Refer to the unchanged code below (FIR) The following slides identify elements to change <iframe width="940" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.arcgis.com/home/webmap/templates/OnePane/basicviewer/embed.html?webmap=724dfc8916604483a0ab06b4f3cbe57f&gcsextent=-180,-76.3104,180,83.7348&displayslider=true&displayscalebar=true&displaylegend=true&displaydetails=true&displaysearch=true&displaybasemaps=true"></iframe><br /><small><a href="http://www.arcgis.com/home/webmap/viewer.html?webmap=724dfc8916604483a0ab06b4f3cbe57f&extent=-180,-76.3104,180,83.7348" style="color:#0000FF;text-align:left" target="_blank">View Larger Map</a></small></iframe>

Part 2: Size, borders, margin Examples width="940" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"

Part 3: Display Elements Set the elements to display (true) displayslider=true/false displayscalebar=true/false displaylegend=true/false displaydetails=true/false displaysearch=true/false displaybasmaps=true/false

Part 4: Include Link to Larger Map …<small>… <a href="http://www.arcgis.com/home/webmap/viewer.html?webmap=724dfc8916604483a0ab06b4f3cbe57f&extent=-180,-76.3104,180,83.7348" style="color:#0000FF;text-align:left" target="_blank">View Larger Map </a> </small> </iframe>

Contacts GLasnier@icao.int (GIS) MMorawski@icao.int (GIS Assistant) KHorst@icao.int (Tutorial)

end