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

Custom callout not shown properly

Anonymous User

Hi there, I would like to show a callout with text in a different font. I created a simple view with a UILabel in the center, when I set the callout custom view to this view it isn't shown properly. I'm fine with the default callout for now but I intend to have more complex custom callouts and was surprised this didn't work as I expected. I'd like to know what I'm doing wrong here.

how I set the callout custom view

How I create the view,

The view:

The result:

What I've tried:

Different values for the view frame's properties (x, y ,width and height)

Trouver plus de publications taguées avec

Accepted answers

MarkDostal

Kenneth,

Take a look at the code Nick posted, it show's how he's creating the custom view. Specifically:

class MyCustomView: UIView {

static let instance = Bundle.main.loadNibNamed("CustomCalloutView", owner: nil, options: nil)?.first as? MyCustomView

and:

mapView.callout.customView = MyCustomView.instance

I think with both Nick and I helping out we'll get you sorted. 😉

Mark

All comments

MarkDostal

I would suggest removing the call to set the self.frame property in the MapCalloutMessageView.init method. The documentation for the AGSCallout.customView property states: The callout will expand
to fit the dimensions of the custom view. That should handle the sizing for you.

You can also look at the ArcGIS Runtime Samples for iOS repo on GitHub, specifically, the Geometry/Project sample which uses a custom callout similar to what you want. The code for that is here.

Let me know if you still have problems.

Mark

Anonymous User

I tried removing the line that sets the frame property, unfortunately still nothing. Thanks for the sample, I noticed the custom view used in that sample is created on the storyboard. Is there a constraint to the callouts custom view option that makes it not work with views from xib files? I plan to have a number of different custom views it would be tough to manage if they were all on the storyboard.

MarkDostal

I tried it here and got it to work. The `AGSCallout` uses constraints to set up the custom view. What I did was use constraints in the .xib, along with setting the "layout" to `Automatic` (as opposed to translating mask to constraints). See the screenshots below.

Let me know if that doesn't work for you and I can dig further.

Mark

this was both for the view and the label:

The code from `didTapAtScreenPoint`:

let projectedPoint = AGSGeometryEngine.projectGeometry(mapPoint, to: .wgs84()) as! AGSPoint

customCallout.message = "Coordinates\n Original: \(mapPoint.x), \(mapPoint.y)\n Projected: \(projectedPoint.x), \(projectedPoint.y)"

Anonymous User

May I see how you are instantiating the view in its init function?

Used the same constraints you did just to rule that out.

as well as the Automatic layout option

Same problem

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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