Click for Popup Off from Point

[djrpascu]

I am testing waters with an Ionic app using the following:
JS API - 4.0beta3
Angular-Esri - angular-esri-map@2.0.0-beta.2

I have a simple map with a feature layer and a popup template. The feature points get drawn correctly, but when I click on it to view the popup nothing shows. If I click near the point but totally off it, the popup shows. It's like there's an offset issue.

Has anyone seen this?

[andygup]

@djrpascu I'd suggest switching over to the production versions of the ArcGIS JS API v4.0 and angular-esri-map@2 and giving that a try.

[djrpascu]

@andygup thanks, but when I use the production versions, I'm not able to get a map at all. I don't get any errors in the browser and it looks like the last thing loaded is http://services.arcgisonline.com/ArcGIS/rest/services/Canvas/. I'm not seeing the requests to get tiles as I would if I were using the beta versions. Any ideas? I'll work on getting the code on Github. Thanks!

[andygup]

Ah gotcha. Since this is an experimental repo -->JS API 3.17 + angular-esri-map1 + cordova without Ionic is the best combination at the moment based on our research.

There are a few known issues:

• We have done very limited work with supporting angular-esri-map2 and Ionic.
• We are aware of mobile OS performance issues that Ionic introduces when running JS API 3.x + angular-esri-map1 + Ionic. We are still trying to track down and document these in Issue 9. We haven't seen any similar issues when running the JS API 3.x with angular-esri-map + Cordova or PhoneGap by itself.
• if you are using JS 4.0 because of 3D, that functionality will not work consistently on mobile because of WebGL limitations on some devices.
• There are some gesture limitations with JS 4.0 and mobile browsers. This will be fixed in future versions of JS API 4.x
• Neither ionic-esri-map nor angular-esri-map1 fully support responsive design during device rotation. The map and it's associated div won't maintain the correct height when rotated.

[djrpascu]

Thanks for those points! I'll drop it down to 3.17 and see if I can get further. Here's what I was working on, basically started with the Ionic sidemenu starter and used your project and angular-esri to get up and running:
EVChargeStations

[andygup]

Oh, sweet! If you have suggestions, improvements etc feel free to do a pull request or open issues. Any additional eyes we can get on this are appreciated as we continue to chip away at it.

We'll leave this issue open for now to see if you can swat it down.

[djrpascu]

Changed code to 3.17 and angular-esri-map1, popups are working well. Updated my Github.
Side Note: How can I get the map object in my controller? I can access it via the load callback, but I don't know how to expose it in controller. I want to pass in a point from a list and invoke the centerAt function to re-position the map.

[jwasilgeo]

@djrpascu have you had a chance to look over this page in our angular-esri-map guides?
http://arcgis.github.io/angular-esri-map-site-v1/#/patterns/references-to-map-and-layers

You may be interested in the registry pattern.

Otherwise, if you want to continue trying within the load callback, you could check out the first example listed here to get some ideas: http://arcgis.github.io/angular-esri-map-site-v1/#/patterns/other-esri-classes
It would eventually come down to when and how you declare a var and when you later set the map obj to that declared var.

[jwasilgeo]

PS: I think the docs for angular-esri-map v2 (JSAPI 4) do a good job of showing how the registry pattern can be used in other controllers: https://esri.github.io/angular-esri-map/#/examples/registry-pattern

[djrpascu]

@jwasilgeo big thanks! oddly i missed this entirely and was trying to read through the example code in github as well as the angular-esri JS file itself. i am now on the right path! much mahalo!