viewportSize | Get the size of the CSS viewport using JavaScript | Frontend Framework library

The code snippet from your question is not part of the search_app example, so I assume it is your code. However, what you are trying to do will not work properly:

• _hereMapController.viewportSize is giving you the size in pixels of the map view. It is not providing geographic coordinates. Although you can use viewToGeoCoordinates() to convert pixel points to geographic coordinates, there is an easier way: The MapCamera gives you always the current center location for free via the targetCoordinates property.
• The pan gesture handler is executed multiple times. It would not be advisable to call _addPoiMapMarker() each time the GestureState.end event occurs. Instead, you can reposition an existing marker by setting new coordinates.

From your code it looks like you want to get the address of the map view's center. I assume you do not want to recenter a marker each time the map has stopped moving. So, in your case it may be better to draw a fixed widget at the center of your map view, regardless of it's current coordinates - then it will not move or lag behind any events, e.g. you may get from a MapCameraObserver.

The log messages you are receiving are only warnings, so they should not have an effect on the pan gesture event you are receiving.

Thanks George_E, your idea with SpriteKit worked perfectly. Here is the code:

Thanks to Frank, the answer was to just set the clearColor property of the view itself, which I missed. I also removed most adjustments in the MTLRenderPipelineDescriptor, who's code is now:

There are a couple of issues I encountered when trying to pull a screenshot from an ARFrame:

1. The CVPixelBuffer underlined in the ARFrame is rotated to the left, which means that you will need to rotate the image.
2. The frame itself is much wider than what you see in the camera. This is done because AR needs a wider range of image to be able to see beyond what you see for it's scene.

E.G: This is an image taken from a raw ARFrame

The following below may assist you to handle those two steps easily: https://github.com/Rightpoint/ARKit-CoreML/blob/master/Library/UIImage%2BUtilities.swift

The problem with these are that this code uses UIGraphicsBeginImageContextWithOptions, which is heavy util.

But if performance are not your main issue(Let's say for an AR Experience) these might be suffice.

If performance is an issue, you can do the mathematical calculation to understand the conversion you will need to do, and simply cut the image needed from the original picture and rotate that.

Hope this will assist you!

I changed the style a little and the scrolling worked

If the database stores a data:image/png;base64,xxxx string then it would need to be converted back to the binary data to be part of a response with a content type of image/png (like a regular image file).

The second argument of the paint method is the size of the CustomPaint widget. You just need to make sure your widget gets the right size.

To make the CustomPaint take the rest of the space in the Column, you will need to wrap it in an Expanded widget:

Positioning the ScrollBar inside of your ScrollViewer depending on the window position requires you to know:

• The Size of the containing window to know where the center is
• The window location to determine whether it crossed the center of the screen or not
• The screen size to know where the center of the screen even is

What makes it addionally difficult are the following factors

• You need to get the information from your ScrollViewer that is a child of the window that could change
• Size changes and location changes can also change the side of the screen
• Screen sizes are difficult to get in WPF, especially in multi-monitor setups

I will show you a working example to achieve what you want for the primary screen. Since this is another block for a another question, you can start from there and adapt it to your requirements.

In order to tackle the issues above, we will use the SizeChanged and LocationChanged events to detect changes of a window in size and location. We will use the SystemParameters.PrimaryScreenWidth to get the screen width, which can, but may not work in multi-monitor setups with different resolutions.

Your control will alter the default ScrollViewer behavior and appearance. I think it is best to create a custom control to make it reusable, because dealing with this in XAML with other techniques might become messy.

Create a new type AdaptingScrollViewer that inherits from ScrollViewer like below. I have commented the code for you to explain how it works.

This is Sophie with Applitools.

I see that you have both @applitools/eyes-webdriverio which is our SDK for WDIO 5 and @applitools/eyes-selenium which is for Selenium JS.

If you would like to use wdio SDK you can remove @applitools/eyes-selenium from your package JSON and in your tests script take the Configuration object from the @applitools/eyes-webdriverio package.