ArcGIS Server Overlays. The “REST” endpoint, v 9.3 or higher: …ArcGIS/rest/servicesArcGIS/rest/services.

Slides:



Advertisements
Similar presentations
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Advertisements

Delegated Admin Tool Add User Training Module. Honeywell Proprietary Honeywell.com  2 Document control number Accessing Delegated Admin Tool To access.
Dreamweaver Forms Overview. Forms – A Little Review Most user/webpage communication is one way, like this: Most user/webpage communication is one way,
Draggable Cat CS 5010 Program Design Paradigms “Bootcamp” Lesson 3.3 TexPoint fonts used in EMF. Read the TexPoint manual before you delete this box.:
Hyperlink & Form Pertemuan 11 Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
Video, audio, embed, iframe, HTML Form
Supplement Creating Forms. Objectives Show how forms are used How to create the Form element HTML elements used for creating input fields.
ArcGIS Online: Beginners. Logging In: Go to: Click: Sign In Type Username & Password Click: Sign In.
March 18, 2014 Paul Hilton Harley Parks All Partners Access Network (APAN) ArcGIS Web Part: Using Map information in SharePoint.
HTML5 Demo ISYS 350. HTML 5 validation/#.UdytIOLn_zc validation/#.UdytIOLn_zc.
Forms Review. 2 Using Forms tag  Contains the form elements on a web page  Container tag tag  Configures a variety of form elements including text.
Point Mashups Peterson. Icons Info Marker Random Points.
CHAPTER 26 CREATING LOCATION-AWARE WEBPAGES USING GEOLOCATION.
Forms. Form An HTML form is a section of a document containing normal content, special elements called controls (checkboxes, radio buttons, buttons, etc.),
Esri International User Conference | San Diego, CA Technical Workshops | ArcGIS for SharePoint, An Introduction Art Haddad Rich Zwaap.
Web Programming Material From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 1 Introduction The JavaScript Programming.
Building the User Interface by Using HTML5: Organization, Input, and Validation Lesson 3.
1 Creating Web Forms in HTML Web forms collect information from customers Web forms include different control elements including: –Input boxes –Selection.
1 Forms A form is the usual way that information is gotten from a browser to a server –HTML has tags to create a collection of objects that implement this.
Set 11: Mashups (emphasis on Google tools) IT452 Advanced Web and Internet Systems.
Google Maps API. Static Maps send an HTTP GET request receive an image (PNG, GIF, JPEG) no javascript needed encode params in URL example:
Dreamweaver – Dreamweaver Extras Web Design Section 8-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Suzanne J. Sultan Javascript Lecture 2. Suzanne J. Sultan function What is a function> Types of functions:  Function with no parameters  Function with.
Lecture # 6 Forms, Widgets and Event Handling. Today Questions: From notes/reading/life? Share Personal Web Page (if not too personal) 1.Introduce: How.
HTML 4 Hypertext Markup Language Creating Forms Science & Art Multimedia.
Population Density [Enter slide show description]
Lesson 1 What Is the World Wide Web?. Objectives Upon completion of this lesson, you should be able to: Explain what the World Wide Web is and how it.
ArcGIS Online: Beginners. Logging In: Go to: Click: Sign In Type Username & Password Click: Sign In.
Introduction to JavaScript 41 Introduction to Programming the WWW I CMSC Winter 2004 Lecture 17.
Execute Workflow. Home page To execute a workflow navigate to My Workflows Page.
System Initialization 1)User starts application. 2)Client loads settings. 3)Client loads contact address book. 4)Client displays contact list. 5)Client.
LOGO FORMs in HTML CHAPTER 5 Eastern Mediterranean University School of Computing and Technology Department of Information Technology ITEC229 Client-Side.
1 HTML Forms
© 2006 EMC Corporation. All rights reserved. Grokking the Paradigm Reconstructing Webtop Dennis Dawson Principal Technical Writer EMC/Documentum.
Apps Find the latest version of this document at
audio video object Options: controls autoplay Need to define height and width Options: controls autoplay.
Ryan MacDowell Marko Popović.  Currently it takes too much time and effort to understand how, where, and when people spend their money  Create a web.
Spring Final Review Excel and PowerPoint. Excel Functions – IF computer chooses between alternatives = if ( condition, true section, false section ) 
1 HTML Forms
HTML Form Widgets. Review: HTML Forms HTML forms are used to create web pages that accept user input Forms allow the user to communicate information back.
Chapter 2: Variables, Functions, Objects, and Events JavaScript - Introductory.
Usability changes for Invitations & Campaigns Beyond URAL the usability changes for Invitations and Campaigns are detailed here.
Adding maps, widgets, searchbox Week 07 TCNJ Web 2 Jean Chu.
1 CSC160 Chapter 7: Events and Event Handlers. 2 Outline Event and event handlers onClick event handler onMouseOver event handler onMouseOut event handler.
HTML Overview Part 5 – JavaScript 1. Scripts 2  Scripts are used to add dynamic content to a web page.  Scripts consist of a list of commands that execute.
Google Maps and Web Mapping Kyle Mulka Computer Science in Engineering University of Michigan.
HTML IMAGES. CONTENTS IMG Tag Alt Attribute Setting Width and Height Of An Image Summary Exercise.
Creating Web Page Forms COE 201- Computer Proficiency.
Implementation of Google Map in Drupal Create in Miyula Zeng, XiaoHang Zou,
Basic Webpage Design HTML Forms. Objectives Learn how to use HTML to create a form. Explain the concept of forms Know the difference of GET and POST Discuss.
HTML Forms. A form is simply an area that can contain form fields. Form fields are objects that allow the visitor to enter information - for example text.
1 Creating the Home Page. 2 Creating a Table Table attributes  Two rows and two columns  No border  Left-aligned Change the vertical alignment of the.
©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.
Click to edit Master subtitle style Java Developer Conference 2010 Hazem Saleh Ed Burns Mashups in the JavaServer Faces World.
Working with the Window Object JavaScript considers the browser window an object, which it calls the window object.
Overview 3D Slicer currently provides very basic technology for annotating images. This limits users in their ability to properly capture semantic information.
Mashups in the JavaServer Faces World Ed Burns Hazem Saleh.
CONTACTING OTHER SERVERS.
Web Forms. Web Forms: A form allows our web visitors to submit information to us. Some examples uses for forms are to let the web user contact us, fill.
HTML5 Demo ISYS 350. HTML 5 validation/#.UdytIOLn_zc validation/#.UdytIOLn_zc.
Lesson 5 Introduction to HTML Forms. Lesson 5 Forms A form is an area that can contain form elements. Form elements are elements that allow the user to.
Power Point Technical Directions. Change Font: Size, Type, Color Size: –On the top toolbar, click on the arrow next to the number in a white box (not.
COM621: Advanced Interactive Web Development Lecture 6 – JavaScript (cont.)
Client-side (JavaScript) Validation. Associating a function with a click event – Part 1 Use the input tag’s onclick attribute to associate a function.
Linked Data & Semantic Web Technology Development of Twitter Applications Part 2. Twitter for Websites Dr. Myungjin Lee.
Streamline Dashboards With List Function Gadgets
ISC440: Web Programming 2 Web APIs Google Maps API
Custom Form with Spin Button Controls with VBA in Excel In-Class Exercise #12 Objective: Enhance a “standard” DSS interface with a custom “user form”
Web Forms.
Presentation transcript:

ArcGIS Server Overlays

The “REST” endpoint, v 9.3 or higher: …ArcGIS/rest/servicesArcGIS/rest/services

Link with tag:

Custom Overlay var url = ' var agsType = new gmaps.ags.MapType(url,{name:'arcgis', opacity:0.5}); map.overlayMapTypes.insertAt(0, agsType);

Why? Google’s geocoder is superior Users expect to “search” or “find” Users have no idea what an “identify button” is or what it does function load() { geocoder = new google.maps.Geocoder();

Geocode Text Box Send entry to geocode function, add marker Identify Service At the marker location, identify the service overlay Parse Results Take the results from the service and display them in text

function codeAddress(address) { if (address) { geocoder.geocode( { 'address': address}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { map.setCenter(results[0].geometry.location); map.fitBounds(results[0].geometry.viewport); marker.setMap(null); marker.setMap(map); marker.setPosition(results[0].geometry.location); marker.setDraggable(true); …..

function identify(latLng){ if (res) res.length = 0; dynamap.identify({ geometry : latLng, tolerance : 3, layerIds : [ 2 ], layerOption : 'all', bounds : map.getBounds(), width: map.getDiv().offsetWidth, height: map.getDiv().offsetHeight, overlayOptions: [], returnGeometry: false

function parseJSON(idresults) { var demoN = "Tract Name: "; var demoT = "Total Population: "; var demoS = "Population Density: "; res = idresults.results; layersJSON = { "2": []}; for (var i = 0; i < res.length; i++) { var thisrec = res[i]; layersJSON[thisrec.layerId].push(thisrec); } var lyr2 = layersJSON[2]; var attributes = lyr2[0].feature.attributes; document.getElementById("demoName").innerHTML = demoN + attributes["Name"]; document.getElementById("demoTotalPop").innerHTML = demoT + attributes["2010 Total Population"]; document.getElementById("demoPopDens").innerHTML = demoS + attributes["2010 Population Density (Pop per sq mile)"];