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; } } }

View Pop-ups on Web Map (Android SDK)

MICHAILVOUTSIDIS

Hi guys!! I will need your help because i am a bit confused!

I create a web map (https://voutsos.maps.arcgis.com/home/item.html?id=66e13c949c074b0ba726837684b664a7 ) which compines a basemap and a feature layer. I create a mobile app using the existing arcgis tutorials and the tutorial for adding a web map (Display a web map | ArcGIS for Developers ). Till here everything is ok! My only problem is that when i click to an item, it's pop-up (with all the info's about the item) from the web map, doesn't show up .

I'm trying for 5 days to figure it out but i cant! What code should i add to make this work? Please help!

<SPAN class="">private void setupMap() </SPAN>{      <SPAN class="">if</SPAN> (mMapView != <SPAN class="">null</SPAN>) {          String itemId = <SPAN class="">"41281c51f9de45edaf1c8ed44bb10e30"</SPAN>;          Portal portal = <SPAN class="">new</SPAN> Portal(<SPAN class="">"https://www.arcgis.com"</SPAN>, <SPAN class="">false</SPAN>);          PortalItem portalItem = <SPAN class="">new</SPAN> PortalItem(portal, itemId);          ArcGISMap map = <SPAN class="">new</SPAN> ArcGISMap(portalItem);          mMapView.setMap(map);      }  }

This is the code to display the web map ...

Find more posts tagged with

Accepted answers

All comments

XuemingWu

Hi @g3oapp,

Similar to iOS SDK, our Android SDK also provides a "PopupView" and "PopupViewModel" through ToolKit to help simplify your popup workflows. The ToolKit for Android including documents and examples can be found in github. The links are listed below.

ToolKit: https://developers.arcgis.com/android/toolkit/

Popup toolkit: https://github.com/Esri/arcgis-runtime-toolkit-android/tree/master/arcgis-android-toolkit/src/main/java/com/esri/arcgisruntime/toolkit/popup

Doc of Popup toolkit: https://github.com/Esri/arcgis-runtime-toolkit-android/tree/master/Documentation/Popup

Example: https://github.com/Esri/arcgis-runtime-toolkit-android/tree/master/toolkit-test-app/src/main/java/com/esri/arcgisruntime/toolkit/test/popup

g3oapp

Hi @XuemingWu,

we have seen some Android SDK releases since 100.5... any changes in the way to show the popup configured in the web map? I am wondering if we still have to deal with the UI.

Having something like the "PopupViewController" class from the iOS SDK, which is able to manage the popups even with images, would be great!

MICHAILVOUTSIDIS

So.. I have already made a table (ArcGIS for Developers ) with all the necessery details of every item. I want that info with the structure I gave them (not as callout)

I have already had a UI in my app for the user which is connected to my web map ( https://voutsos.maps.arcgis.com/home/item.html?id=66e13c949c074b0ba726837684b664a7 ) and also displays the position of the user. The only thing missing is the pop-up display when the user taps to the item. This is a screenshot from the app:

I can clearly see the items and their names on the map! The final step is how to show the pop up now and I m done!

Do we know when a sample will be ready??

Because its extremely important for me to finish that app inside the next two weeks can you briefly tell me (write) a simple code to add to my code to make that work?? I will attach the code I use in my class. Your help will be salvation for me

XuemingWu

You have to do all the 3 steps if you want to display popups for your features. And you have to create your UI to show the content of a popup. You can create a layout and add a few views such as text view, recycle view and image view. More info on working with UI on Android can be found here.

The samples you talked about were for our 10.2.9 SDK. We reworked our SDK since 100.0.0. The current version is 100.5.0. The 100.0.0+ SDK is quite different from the 10.2.9 except that we try to keep the same functionalities. With regard to popup APIs, 10.2.9 SDK provides built-in UI for popups while 100.0.0+ doesn't provide UI for popups instead we will provide popup UI through toolkit.

If you just want to show some simple info about an item, there is a simpler solution. You can use Callout class. Here is sample Feature Layer Show Attributes.

MICHAILVOUTSIDIS

Thanks for the quick reply and for the info! Because I am not so good at programming I want to ask. I should do all the three steps to make the pop-ups display? The UI is only for the pop-up? And if yes how can I create one? I thing those procedures are extremely difficult for a beginner Please help!

Also i found a perfect sample but in older version ( GitHub - Esri/ArcGIS-runtime-samples-android at v10.2.9 ) and more specific (ArcGIS-runtime-samples-android/PopupInWebMapForViewing at v10.2.9 · Esri/arcgis-runtime-samples-android · GitHub ). I saw - run it in the samples and its EXACTLY what I want! But how can I adapt that code to my app? That's the problem.

Please consider for your answer that i haven't enough experience with java!

Thanks in advance

XuemingWu

We are still working on a toolkit and a sample for this but you should be able to do something like this now with our Runtime for Android SDK providing your own UI. The general workflow is:

1. Use identify to get to the popup when clicking on the map. This sample shows how to work with identify.

2. Create your own UI.

3. Use PopupManager class to get popup components and display these components on your UI.

The following are some code snippets show how to construct a PopupManager and work with it:

mPopupManager = new PopupManager(context, popup);
/**
* Initializes title view including symbol image, popup title and
* edit summary if there is one.
*
* @param popupView
*/
private void initTitleView(View popupView) {
// Symbol image
ImageView imageView = (ImageView) popupView.findViewById(R.id.popup_titleview_symbolimage);
try {
Symbol symbol = mPopupManager.getSymbol();
if (symbol == null) {
Log.i(TAG, "Null symbol is returned! ");
} else {
Bitmap image = symbol.createSwatchAsync(popupView.getContext(), Color.TRANSPARENT).get();
imageView.setImageBitmap(image);
}
} catch (Exception e) {
e.printStackTrace();
}
// Popup title
TextView titleView = (TextView) popupView.findViewById(R.id.popup_titleview_title);
titleView.setText(mPopupManager.getTitle());
// Edit summary
TextView editInfoView = (TextView) popupView.findViewById(R.id.popup_titleview_editinfo);
editInfoView.setText(mPopupManager.getEditSummary());
}

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.