nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Pro AddIn: Click to Open Web Page

DylanHarwell

I'm still bitter with ESRI for not bringing Python Add-Ins over to Pro.. I have never coded in C#/.NET and know very little about ArcObjects. My Python skills I consider to be strong, not just scripting but app development, so I think I can pick up on the .NET SDK, though I am reluctant to get into this rabbit hole. I have VS and the SDK up and running, went through some tutorials, just looking for some guidance on a specific solution here.

A while back I created a little ArcMap Add-In, just a single toolbar button that will open Google Street View in your default browser when the user clicks a location on the map. I'd like to deploy a button like this in Pro, but after searching and searching for 'C# open a web page on click event' all I was coming up with was ASP.NET stuff and I have zero knowledge on any of this stuff lol! I was basically looking for a one liner to add into the onClick event of my button.cs code to just open Google.com to start with.

Below is the Python Add-In code that accomplishes this, and I am not looking for anyone to code this entirely for me, but maybe some suggestions, guidance, resources, etc. All this does is grab the coordinates from where the user clicks and feeds that into a url to open street view.

<SPAN class="keyword token">import</SPAN> arcpy
<SPAN class="keyword token">import</SPAN> pythonaddins
<SPAN class="keyword token">import</SPAN> webbrowser
<SPAN class="keyword token">import</SPAN> threading

<SPAN class="keyword token">class</SPAN> <SPAN class="token class-name">OpenStreetView</SPAN><SPAN class="punctuation token">(</SPAN>object<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">:</SPAN>
    <SPAN class="string token">"""Implementation for StreetView_addin.tool (Tool)"""</SPAN>
    <SPAN class="keyword token">def</SPAN> <SPAN class="token function">__init__</SPAN><SPAN class="punctuation token">(</SPAN>self<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">:</SPAN>
        self<SPAN class="punctuation token">.</SPAN>enabled <SPAN class="operator token">=</SPAN> <SPAN class="token boolean">True</SPAN>
        self<SPAN class="punctuation token">.</SPAN>cursor <SPAN class="operator token">=</SPAN> <SPAN class="number token">3</SPAN> <SPAN class="comment token"># cross hair cursor</SPAN>

    <SPAN class="keyword token">def</SPAN> <SPAN class="token function">onMouseDownMap</SPAN><SPAN class="punctuation token">(</SPAN>self<SPAN class="punctuation token">,</SPAN> x<SPAN class="punctuation token">,</SPAN> y<SPAN class="punctuation token">,</SPAN> button<SPAN class="punctuation token">,</SPAN> shift<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">:</SPAN>
        mxd <SPAN class="operator token">=</SPAN> arcpy<SPAN class="punctuation token">.</SPAN>mapping<SPAN class="punctuation token">.</SPAN>MapDocument<SPAN class="punctuation token">(</SPAN><SPAN class="string token">"CURRENT"</SPAN><SPAN class="punctuation token">)</SPAN>
        df <SPAN class="operator token">=</SPAN> arcpy<SPAN class="punctuation token">.</SPAN>mapping<SPAN class="punctuation token">.</SPAN>ListDataFrames<SPAN class="punctuation token">(</SPAN>mxd<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">[</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">]</SPAN>
        sr_df <SPAN class="operator token">=</SPAN> df<SPAN class="punctuation token">.</SPAN>spatialReference
        pt <SPAN class="operator token">=</SPAN> arcpy<SPAN class="punctuation token">.</SPAN>Point<SPAN class="punctuation token">(</SPAN>x<SPAN class="punctuation token">,</SPAN>y<SPAN class="punctuation token">)</SPAN>
        pt_geom <SPAN class="operator token">=</SPAN> arcpy<SPAN class="punctuation token">.</SPAN>PointGeometry<SPAN class="punctuation token">(</SPAN>pt<SPAN class="punctuation token">,</SPAN> sr_df<SPAN class="punctuation token">)</SPAN>
        new_pt_geom <SPAN class="operator token">=</SPAN> pt_geom<SPAN class="punctuation token">.</SPAN>projectAs<SPAN class="punctuation token">(</SPAN><SPAN class="string token">"WGS 1984"</SPAN><SPAN class="punctuation token">)</SPAN>
        new_pt <SPAN class="operator token">=</SPAN> new_pt_geom<SPAN class="punctuation token">.</SPAN>firstPoint
        new_X <SPAN class="operator token">=</SPAN> new_pt<SPAN class="punctuation token">.</SPAN>X
        new_Y <SPAN class="operator token">=</SPAN> new_pt<SPAN class="punctuation token">.</SPAN>Y
<SPAN class="comment token">##        message = "Projected: " + str(x) + ", " + str(y) + " Geographic: " + str(new_X) + ", " + str(new_Y)</SPAN>
<SPAN class="comment token">##        pythonaddins.MessageBox(message, "Coordinates")</SPAN>
        maps_url <SPAN class="operator token">=</SPAN> <SPAN class="string token">"https://maps.google.com/maps?q=&layer=c&cbll="</SPAN> <SPAN class="operator token">+</SPAN> str<SPAN class="punctuation token">(</SPAN>new_Y<SPAN class="punctuation token">)</SPAN> <SPAN class="operator token">+</SPAN> <SPAN class="string token">","</SPAN> <SPAN class="operator token">+</SPAN> str<SPAN class="punctuation token">(</SPAN>new_X<SPAN class="punctuation token">)</SPAN>
        threading<SPAN class="punctuation token">.</SPAN>Thread<SPAN class="punctuation token">(</SPAN>target<SPAN class="operator token">=</SPAN>webbrowser<SPAN class="punctuation token">.</SPAN>open<SPAN class="punctuation token">,</SPAN> args<SPAN class="operator token">=</SPAN><SPAN class="punctuation token">(</SPAN>maps_url<SPAN class="punctuation token">,</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN>start<SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Find more posts tagged with

Accepted answers

MattWashburn1

Hi Dylan,

Try creating a MapTool instead of a button. I had the exact same problem and found a solution here:

https://community.esri.com/thread/190516-is-there-a-streetview-add-in-for-arcgis-pro

One thing to keep in mind is that you need a way to deactivate the tool after you click on the map. Adding this line at the end of the QueuedTask works for me:

FrameworkApplication.SetCurrentToolAsync("esri_mapping_exploreTool");

Based on this, I was also able to recreate a python addin that opens Google Maps at the MapView center and zoom level.

Hope this helps!

All comments

MarietteShin

I just moved to ArcGIS Pro 3.1 and had to migrate my Visual Studio 2022 Google Streetview Add In from 2.x to 3.x. I used the "Pro Migration Solution" extension tool in VS, but even afterwards, although the project Built okay, the Add In failed with a system error. It turns out that the .NET Windows Desktop Runtime 6.0 (the new .NET framework), requires a change in the way that the Process.Start (url) is called. I've copied my script below, which includes the syntax used for the Process.Start call:

using System.Threading.Tasks;
using System.Diagnostics;
using ArcGIS.Core.Geometry;
using ArcGIS.Desktop.Framework.Threading.Tasks;
using ArcGIS.Desktop.Mapping;

namespace StreetviewPro
{
internal class StreetviewPro : MapTool
{
protected override void OnToolMouseDown(MapViewMouseButtonEventArgs e)
{
if (e.ChangedButton == System.Windows.Input.MouseButton.Left)
e.Handled = true; //Handle the event args to get the call to the corresponding async method
}

protected override Task HandleMouseDownAsync(MapViewMouseButtonEventArgs e)
{
return QueuedTask.Run(() =>
{// Convert the clicked point in client coordinates to the corresponding map coordinates.
MapPoint mapPoint = MapView.Active.ClientToMap(e.ClientPoint);// convert to lon/lat
MapPoint coords = (MapPoint)GeometryEngine.Instance.Project(mapPoint, SpatialReferences.WGS84);
// open a web browser
string url = string.Format("http://maps.google.com/?cbll={0},{1}&cbp=12,90,0,0,5&layer=c", coords.Y, coords.X);
Process.Start(new ProcessStartInfo (url) { UseShellExecute = true });
});
}
public StreetviewPro()
{
//IsSketchTool = true;
//SketchType = SketchGeometryType.Rectangle;
//SketchOutputMode = SketchOutputMode.Map;
}

protected override Task OnToolActivateAsync(bool active)
{
return base.OnToolActivateAsync(active);
}

protected override Task<bool> OnSketchCompleteAsync(Geometry geometry)
{
return base.OnSketchCompleteAsync(geometry);
}
}
}

That script made my StreetView Add In work in ArcGIS Pro 3.1

Hopefully, someone else finds this info useful 🙂

MattWashburn1

Glad it's working! I noticed that URL direction too. I also changed the base URL to this format:

"https://www.google.com/maps/@?api=1&map_action=pano&viewpoint="

Both work, but I believe this one is the more current standard:

https://developers.google.com/maps/documentation/urls/guide#street-view-action

DylanHarwell

Thanks Matt, got it working in about 10 min! Good trick to change the cursor back after the click event. I noticed the url they used tells google to open the map facing either Eeast or West, I forget which, but changing the 90 to a 0 makes it open facing North.

DylanHarwell

The config was auto generated, and I have not touched it since adding the button to the project. Looks like it added _Module, _Group1, _Button1 to the namespace name. Do these all need to be identical?

UmaHarano

Hi Dylan,

One of the main reasons this happens is if the namespace of the button class (StreetViewButton from your code snippet above) doesn't match the namespace defined in your config.daml or in your add-ins settings.

Please check out this topic to see if this could be an issue: ProGuide Diagnosing ArcGIS Pro Add ins · Esri/arcgis-pro-sdk Wiki · GitHub

Thanks

Uma

DylanHarwell

Hi Uma, thanks for the reply! So when I try just that line and click the button in Pro it grays out and nothing happens. I tried a variety of the suggestions on the stackoverflow site and it's the same behavior, button grays out on first click and no browser window opens. The final suggestion seemed promising but did not work. What is commented out is what I tried just before that.

<SPAN class="keyword token">namespace</SPAN> StreetViewButton
<SPAN class="punctuation token">{</SPAN>
    <SPAN class="keyword token">internal</SPAN> <SPAN class="keyword token">class</SPAN> <SPAN class="token class-name">OpenGoogle</SPAN> <SPAN class="punctuation token">:</SPAN> Button
    <SPAN class="punctuation token">{</SPAN>
        <SPAN class="keyword token">protected</SPAN> <SPAN class="keyword token">override</SPAN> <SPAN class="keyword token">void</SPAN> <SPAN class="token function">OnClick</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN>
        <SPAN class="punctuation token">{</SPAN>
            <SPAN class="keyword token">var</SPAN> processes <SPAN class="operator token">=</SPAN> Process<SPAN class="punctuation token">.</SPAN><SPAN class="token function">GetProcessesByName</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"Chrome"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
            <SPAN class="keyword token">var</SPAN> path <SPAN class="operator token">=</SPAN> processes<SPAN class="punctuation token">.</SPAN><SPAN class="token function">FirstOrDefault</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="operator token">?</SPAN><SPAN class="punctuation token">.</SPAN>MainModule<SPAN class="operator token">?</SPAN><SPAN class="punctuation token">.</SPAN>FileName<SPAN class="punctuation token">;</SPAN>
            <SPAN class="keyword token">string</SPAN> url <SPAN class="operator token">=</SPAN> <SPAN class="string token">"http://google.com"</SPAN><SPAN class="punctuation token">;</SPAN>
            <SPAN class="comment token">//System.Diagnostics.Process myProcess = new System.Diagnostics.Process();</SPAN>
            <SPAN class="comment token">//myProcess.StartInfo.UseShellExecute = true;</SPAN>
            <SPAN class="comment token">//myProcess.StartInfo.FileName = url;</SPAN>
            Process<SPAN class="punctuation token">.</SPAN><SPAN class="token function">Start</SPAN><SPAN class="punctuation token">(</SPAN>path<SPAN class="punctuation token">,</SPAN> url<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
        <SPAN class="punctuation token">}</SPAN>
    <SPAN class="punctuation token">}</SPAN>
<SPAN class="punctuation token">}</SPAN>
         <SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

UmaHarano

Hi Dylan

There are a few ways to accomplish this with .NET. One suggestion is posted here on stackoverflow.

Code snippet to open a url in a Pro button OnClick method:

 <SPAN class="keyword token">internal</SPAN> <SPAN class="keyword token">class</SPAN> <SPAN class="token class-name">OpenURL</SPAN> <SPAN class="punctuation token">:</SPAN> Button
    <SPAN class="punctuation token">{</SPAN>
        <SPAN class="keyword token">protected</SPAN> <SPAN class="keyword token">override</SPAN> <SPAN class="keyword token">void</SPAN> <SPAN class="token function">OnClick</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN>
        <SPAN class="punctuation token">{</SPAN>
            System<SPAN class="punctuation token">.</SPAN>Diagnostics<SPAN class="punctuation token">.</SPAN>Process<SPAN class="punctuation token">.</SPAN><SPAN class="token function">Start</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"http://google.com"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
        <SPAN class="punctuation token">}</SPAN>
    <SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

You can use string interpolation to pass in the points to the string.

Thanks

Uma

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.