Esri Location Analytics Tools in an Organization: Embedding an Application Served from ArcGIS Online into a SharePoint Page

In my last post I took a map that I had authored in both Esri Maps for Microsoft Office and ArcGIS Online and created a web application that I could use on my desktop, tablet, and phone.  Now to complete the requirement I had originally I will show you how to take that same application and embed it into a SharePoint site.  Admittedly, if the end game was ONLY to have a map in SharePoint I would have started in SharePoint using the Esri Maps for SharePoint application. In this case, I had a multipurpose need and went a slightly different route.

To refresh you, the image below is the simple application that I created using the ArcGIS Online application template. Not the prettiest, but functional.

So first, I want to go back to the Summary page for my application. Go to MY CONTENT and click on the title of the application. You will see something like this.

All you need to do here is COPY the url link to the application (paste it into Notepad or somewhere else to use later).  Once done, we are done with ArcGIS Online directly.

Next it is off to SharePoint.

At GISi we have a corporate intranet site that is built on SharePoint 2010. Within this we have a Site that has Pages for all of our offices (addresses, contact info, etc.). What I want to do is embed the hotel application within this page so that anyone within the company can use it.  To start I simply click on the Edit this Page link.

This brings up the editing Ribbon.  I know that I want the Hotel Application to show up in the main part of the page just below the main block of text indicated by Zone 1.

To add the application I have to create a container – web part – to hold the application. So within the Zone 1 block I click on Add a Web Part.

NOTE: Your SharePoint Page may not have a zone but you should still be able to add a web part and configure it as I will do here.

Clicking Add a Web Part changes the Ribbon to a Explorer interface from which to choose the web part you need.  I know I want a Page Viewer web part which is under the Media and Content Category.

I select that and click the Add Web Part to: link – making sure I have the correct Zone indicated.

The result is an empty Page Viewer Web Part.

Next I click the Open the tool pane to configure the web part. And the following dialog will open on the right of your page:

In the URL space, clear out any text that SharePoint has in there and Paste the URL from your application in here.  Once done, you can click the TEST LINK link to make sure that the application loads.

You will also want to open up the Appearance tab and do some additional configuring.  For instance, Add an informative Title.  You will also need to set the Height and Width of the application within the area designated for the Page Viewer web part.  You can do this through trial and error. Set a value, hit Apply and keep going until you have what you want.

Here is the result for our application:

One note, I discovered that for some reason embedding the application in a SharePoint Page causes issues with rendering the fancy 3D graphic I had originally selected for the Hotels. To fix this, I simply went back to the map in ArcGIS Online, changed the symbol to a simple geometry and re-saved the map. The application automatically recognized the change.

So this completes my Simple Consumerization of GIS Trilogy.  In this 3 part series I was able to:

  • Add a map within an Excel spreadsheet using Esri Maps for Microsoft Office and ArcGIS Online,
  • Publish the Map from Excel to ArcGIS Online,
  • Make additions to the map in ArcGIS Online,
  • Create and publish an application using my map that worked on my desktop, tablet, and mobile phone, and
  • Embed the same application in our Corporate SharePoint intranet site.

…and all without writing a line of code!

It’s not a stretch of the imagination that our folks across the company could follow these simple steps to create layers with hotels and restaurants and even preferred running routes near our other offices add these to the Map in ArcGIS Online, and by proxy, to the application.  Almost sounds like crowd-sourcing. Think about amazing your friends when you pull up a on your iPhone a rich mapping application that you created !


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: