Giter Club home page Giter Club logo

w3w-arcgis-webappbuilder-widget's Introduction

 w3w-arcgis-webappbuilder-widget

A custom widget for Web AppBuilder for ArcGIS providing reverse geocoding via the what3words ArcGIS locator.

screenshot

Demo App

You can find the Custom Web AppBuilder what3words widget in this Github page.

Prerequisites

  • An installed and configured instance of Web AppBuilder for ArcGIS (Developer Edition);
  • A URL of your what3words ArcGIS Locator that has been added to your ArcGIS online or your Portal for ArcGIS by following this instruction on the what3words developer site;
  • A copy of this widget what3words.

Installation and Configuration

  • Deploy the widget by copying the what3words folder and its contents into your Web AppBuilder installation's client/stemapp/widgets/ folder;

  • Run the Web AppBuilder server;

  • Create your own Web Application;

  • After you have created your own web application, you can now add the what3words widget to it by clicking on any of the empty widget on the left-hand side. add widget

  • A list of widgets will pop up. You can search the what3words widget by typing its name on the search bar at the top or look for the widget on the list. Once you have found it, please click on it. If the widget has been selected correctly, a tick will be shown on top of the icon of the widget. select-widget

  • Configure the widget with your what3words Locator URL.

    • By using the what3words locator, you would be able to retrieve the correct what3words address in any coordinate systems used on your web map. Example of a what3words Locator: https://utility.arcgis.com/usrsvcs/servers/<MyGeocodingArcGISUniqueID>/rest/services/what3words_EN_English/GeocodeServer.
    • You can also add a zoom level to choose how close or far you want to dispaly your what3words address. config-with-locator-url
  • To find the what3words Locator URL, go to your ArcGIS Online or Portal for ArcGIS, click on the Content > My Organization tab. Search for your locator, you could filter by Item type > Tools > Locators as shown on this screenshot: locator-arcgis-online

  • Then click on your Locator, scroll down to the bottom of the page, on the right-hand side, you will find the URL of your Locator. You need to copy and paste this URL to the configuration page of the what3words widget, as shown on this screenshot.: arcgis-online-locator-url

  • The widget is now ready to run inside your web app. Click on the /// button to activate the widget. A message will appear on the map: Click any location on the map to see its whats3words address. what3words-widget-activate

  • Clicking on the map will allow you to discover what3words addresses at the clicked location. For example, the point selected on the map returned this what3words address: ///filled.count.soap. reverse-geocode

  • You can also copy the what3words address by clicking on the Copy button next to the what3words address displayed on the window popup. copy-what3words

Issues

Found a bug or want to request a new feature? Please let us know by submitting an issue.

Contributing

All contributions are welcome; please submit a pull request.

Feedback

We have a quick favor to ask. Would you mind heading to our app in the what3words ArcGIS Online page and writing a quick review?

Reviews help us keep up with your needs and they also help others like you to make confident decisions about our what3words applications.

Review or not, we still love you!

Licensing

This widget is licensed under the MIT license; a copy of which can be found in the this repository's license file.

w3w-arcgis-webappbuilder-widget's People

Contributors

andycurriew3w avatar manuciao avatar tsamaya avatar vicchi avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

w3w-arcgis-webappbuilder-widget's Issues

w3w-arcgis-webappbuilder-widget issue

Dear Support,

I’m using the what3words widget and deployed it in my web app, the widget works fine in windows platform but when trying to use it via touch screen devices (IOS/Android) it does not recognize the touch.

Is it OS platform related issue or Click/Touch event related issue?
How to make it work in all devices?

Regards,
Suhaib suleiman

Widget not working in existing experience

Hello, I reached out to my vendor and I'm cross posting over here. This widget is working just fine in a new experience builder, but does not show the three words if I add the widget to an existing experience. Below is an image of the widget working properly in a new experience.

Widget working properly in an empty experience

Below is an example of the widget not displaying the three words. I have tested this a few different times. Maybe the fact that there are features to identify in this map is interfering with the three words identification? The lat/long are displaying just fine in both maps though. Thank you very much for your feedback!

Widget not displaying three words

Widget does not return any results - coordinate system issue?

Hi there
Thanks for these great and easy instructions to follow for this widget. However when I have added the widget to existing or new apps in WebAppBuilder and clicked on a location no results are shown. See here trying to locate in Trafalgar Square, London.
image

We are running WAB 2.12.

I work at Transport for London and we use our own Coordinate Reference System for London. Could this be why I'm not seeing any results because the CRS is not registered so the widget maybe doesn't know where it is? This is just a guess, but is normally the cause of most issues I have! If you think this is the case, do you think I can get our "London Survey Grid" added to the widget?

Or if you have any other ideas for why I'm not seeing any results?

Thanks in advance

Steph

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.