I'm working on a project where we need to create Search Rings. These are defined as a lat-long/radius, overlaid on a map of the Continental USA.
The desired implementation is a marker, useful for close positioning of the lat-long (or even updating, via popup + jQuery) with an "attached" circle.
Desired behavior:
when the marker is moved, the circle is dragged with it, and repositions itself with its center coincident with the marker's position (this is completed)
the circle's edge? may be gripped and resized, thus changing its radius.
Current issue: when a L.Circle is marked editable, it's both resizeable and directly movable. This is apparent by the gripper boxes on the outside of the circle together with the box at the center of the circle. How do I disable/hide that center gripper?
As always, thanks in advance.
Related
Say I have a polygon that goes off screen. A part of it is visible, on screen, but the bulk of it isn't. I'd like the tooltip to be shown in the center of the visible part of the polygon.
Any idea as to how I'd do that?
I'm trying to add some buttons to a gameObject which is a scroll view child. The child is a very wide image, about 4 times as wide as normal screens, which is why I let it control the height, so that it is always from top to bottom, and only exeeds horizontally where scroll is allowed.
Here you can see my setting.
1. is the wide image
2. is a banner that used to be part of the image, but now I want it to be a individual gameObject.
I don't know how I can make the banner (2) inherit the behavior of the "full map" (1), right now when I choose free aspect and resized the game view, the "full map" scales nicely, so the it always fits from top to bottem. The more narrow the screen is, then more of the map will exceed to the right, and vice versa.
However the problem is that then banner (2) has a rect transform, which is set with x,y coordinates relative to the parent which scales. So as i resize around the view, the banner gets out of it's intended position, and also does not scale with the. I have tried many different components, but without luck. Here among, scale constraint, canvas scaler, position constraint
As you can see in this gif, the banner does not scale down, as the island gets smaller, also it stays in the same position horizontally.
Any suggestions on how I can make the children os the map behave as they were part of the map?
Deleted previous, misunderstood the question.
Proposed solution:
You remove the map part from UI and create it as an object: You attach the map image as a texture to (ie) a plane (see a video here). You add the "infinity island" as another texture and have it placed over the island image.
After that, you control the camera to zoom in/out of the island and not struggle with any scaling or moving UI.
I think you need to anchor the images to center of the island mini image, you can drag the anchor gizmo from the scene hierarchy.
If you see it as free aspect it gets buggy and difficult to handle, but if you choose a resolution everything is smooth.
Is this what you want?
Change the resolultion
I added to a Matlab GUI Pan and Zoom toolbars so I can move over the image presented in the axes.
After I mark a point (and adding coordinate text) and use the pan and/or zoom the marked text is shown outside the image Axes all over the GUI (it move as I pan and zoom).
The Axes, pan and zoom toolbar and the ui.figure 'Clipping' property is set to on.
There is no code as I use the toolbar and therefore how can it be solve?
Image example (White represent the outside of the Axes):
I have a view (Circles) that displays a group of circles at different coordinates. I have loaded the coordinates of the circles through a single parse query. I am able to add a tap gesture recognizer that executes a function when the view (Circles) is tapped.
(E.g. If i tap on one of the circles, all the circles change from color blue to red)
However, I am having trouble figuring out how to have different functions execute depending on the circle (different coordinates) I tap on, rather than having a function execute in unison whenever any circle is tapped.
(E.g. If I tap on the circle at the top-left corner, it turns blue to green, while if I tap on the circle at the bottom-left corner it turns from blue to red)
I am thinking of having a system that does a function if the tapped coordinate is x and y and so on. However, I do not know how to go about it as of yet and would appreciate any help I can get.
The easy (and elegant) way to do this is to make each circle its own view, and give each one its own tap gesture handler. However, if you want to keep your current approach, draw each circle as a UIBezierPath, which has a containsPoint() method that you can use for hit testing.
I use MKMapView.
How to show circle around annotation how in google maps ( when show current user location).
This circle moving with animation to new location and radius of circle dependent from current zoom level.
The annotations themselves don't have a property for showing a circle but you can use a circle overlay with the same center as the coordinate of the annotation to achieve this effect, just like the image below (from one of my projects).
Note: the property for the center of the circle is called "coordinate", just as for the annotations.
The second part is animating the movement. You achieve this by animating the coordinate property of the circle overlay at the same time as the coordinate property of the annotation. This way they will both move together to the new location.
This question can help you with how to move and animate the position of an annotation. If you need the radius of the circle to change at the same time (e.g. when animating the coordinate) you just use Core Animation to animate it together with the coordinate.
Concerning changing the size depending on the zoom level, Map Kit will always handle this for you automatically with Overlays and Annotations so that they always cover the same area of the map, even as the map resizes. (The second image is the same annotations and overlays as below, just zoomed in on the ones to the left (closer to Stockholm in the first image)).