Zoom in/out map

I asked guys on Dreamweaver how I could create the page showing a similar zoom in/out map as on the below link. I was referred to come here. Could anyone tell me, please? How do I achive the zoom in/out effect?
http://www.royalparks.org.uk/parks/kensington_gardens/

I don't know what code you are talking about. IF you have thew original fla file for this, then you have all the answers you need in it, you just need to figure out how they are implemented. As far as the different points on the map, those are most likely movieclips that have mouse event coding applied to them so that they animate when rolled over/out. Each one appears to be a unique symbol that would be in the library due to the inconsistent spacing around the titles that appear when hovered.

Similar Messages

No zoom in/out buttons in maps?

An I insane or did they remove the zoom in/out buttons in the Maps app? As if the app didn't have enough problems...
What if I only have one hand free? I can't zoom. Astonishingly dumb if this is true.

But that's the thing - what if you don't have two fingers fee? If you're holding your phone in one hand, your other hand is occupied, you can't tap with two fingers.
Absolutely ridiculous. Another example of how stupid and flawed this app is... Astonishing. Makes no sense. Just give me google maps back please.

Zoom in/out gesture UIView

Hi, i've been trying to capture gesture zoom in/out in a UIView.
Code:
UITouch *first = [twoTouches objectAtIndex:0];
UITouch *second = [twoTouches objectAtIndex:1];
CGPoint firstPoint = [first locationInView:self];
CGPoint secondPoint = [second locationInView:self];
CGFloat initialDistance = distanceBetweenPoints(firstPoint, secondPoint);
I'm using the function distanceBetweenPoints, the problem is that firstPoint or secondPoint always is 0.00, 0.00 and for that reason the result is the value of one of them.
I need that the booth values should be distint to zero for obtain the real distance.
The frame of the view is: (0, 0, 320, 417).
The functionality that i'm developing is something like zoom in/out of google maps.
Thanks,

Correction:
NSSet *allTouches = [event allTouches];
NSArray *twoTouches = [allTouches allObjects];
UITouch *first = [twoTouches objectAtIndex:0];
UITouch *second = [twoTouches objectAtIndex:1];
CGPoint firstPoint = [first locationInView:self];
CGPoint secondPoint = [second locationInView:self];

Zoom In/Out Button with Pan AS3

Good Day! I'm new to Flash AS3,
And I have a major problem on my project
What I've been doing is an Interactive map and some functions along with a zoom in/out and pan button
I've got the code on the zoom in/out button, problem is when there is no limitation when I zoomed it in(Still researching this)
Here is my code in the zoom in(I just change the + to - on the zoom out button ofc!)
     on(release){
     _root.SoilMap._xscale+=10;
     _root.SoilMap._yscale+=10;
"I don't have any codes for the Pan Button yet"
What my final output would be this, in the Black line square that would be my limit in the zoom in/out , and that is the area where
I could only use my Pan button.
Any codes that is related to this would help me.
I've also research about the Javascript that can zoom/pan but it's only for JPG, i tried the SWF file but it didn't work.

I am not really clear on what you are having a problem with nor how panning fits in with it. If you want to place a limit on the zooming then use a conditional to check if the current scaling is at a maximum allowed value or not...
     on(release){
        if(_root.SoilMap._xscale < whatever_the_limit_is){     // could also use width (or height)
             _root.SoilMap._xscale+=10;
             _root.SoilMap._yscale+=10;

Can't zoom in/out on one site

Sorry for my bad egnlish.
I have an iPhone 3Gs. I bought it 2 months ago.
And two days ago i went to site "http://maps.yandex.ru/" (i needed it, not google maps) and all was working. I could zoom in/out in maps. But on the second time (in 5 hours approximately) i couldn't do it. And now i can't do it. If i try to zoom in/out or to move a map, whole page in Safari moves.
My friends, who have an iphone, haven't this problem. I updated iphone to iOS4.0.2, but problem didn't solve.
Who can help me - what is it and why - please help me.
Thanks

The question wasn't about zooming while shooting. Before the last system upgrade I could zoom in on a subject before filming. I used pinch to zoom and there was a slider along the bottom of the screen. Looks like Apple are downgrading functionality without explanations. The thing is, I bought my phone with functions, and I really resent having my tech downgraded without providing me with some kind of discount or rebate.

Adobe illustrator CC Zoom in & out problem

Hi,
I am facing an issue right now..
When i open a large AI file that above 1GB, then i zoom in & out .. the design will go out of form.
However, when i open small file like 400+ MB, no issue on zoom in & out.
I really no idea for this issue..
Here is my PC spec,
Windows 8.1 Professional
3.40 gigahertz Intel Core i7
32GB RAM
NVIDIA GeForce GTX 650
TQ.

Moving this discussion to the Illustrator forum.
Wandasgirl I would recommend reviewing your installation logs for errors. Please see Troubleshoot install issues with log files | CC - http://helpx.adobe.com/creative-cloud/kb/troubleshoot-install-logs-cc.html for information on how to locate and interpret your installation log files. You are welcome to post any errors you discover to this discussion.

Alt & scroll wheel not working on Photoshop CC to zoom in / out

Hey! So i'm using the latest version of Photoshop CC, and i'm also running the Technical Preview of Windows 10. So In Photshop, usually when you hold the alt key and scroll with the scroll wheel on your mouse, it will zoom in / out of the image on Photoshop. Well i'm having some problems with that, it isn't working at all. In preferences I have it set to zoom with scroll wheel. Anyone know why it isn't working? Could it be something with the Windows 10 Preview?

Please report Windows 10 issues to Microsoft, so they can get the information they need to fix the OS bugs before shipping the final version.

Zoom in-out and rotation in trackpad doesn't work in iPhoto and Aperture. Any solution?

Zoom in-out and rotation in trackpad doesn't work in iPhoto and Aperture. Any solution?

Sound like a trackpad problem and not an iPhoto one. Have you asked in the forum dedicated to the Mac model you're using or is this an add on trackpad?
OT

Alt + mouse scroll (Zoom-In/Out) doesn't work. [was: Why it doesn't work in Illustrator?]

Alt + mouse scroll (Zoom-In/Out) doesn't work in my illustrator program.
What should I do?

It is a know issue, no solution for the moment.
But Adobe is working on this see here-> http://forums.adobe.com/message/5423070#5423070

Sometimes when panning with the hand tool, it zooms way out instead of just moving the canvas

So normally when you hold the space key and drag, it just moves the canvas, but every now and then, seemingly randomly, it zooms way out and shows a little box which is the size and shape of the area of canvas I was previously looking at. If I move the box and let go of space, it zooms to that location, but all I wanted was to move normally. I don't think I've ever wanted the zoom out, move, then zoom back in behavior. What causes that? How do I make it stop?

It's "bird's eye view" and by coincidence, your problem was discussed in another thread last night: Problem with zoom in Photoshop CS6

I am unable to zoom in/out using the touch pad; yesterday i could zoom in/out of website pages, pics, etc, now today it is not letting me; how do i fix this?

i am unable to zoom in/out using the touch pad; yesterday i could zoom in/out of website pages, pics, etc, now today it is not letting me; how do i fix this?

See Here > http://support.apple.com/kb/HT1212

T510: TouchPad no longer allowing for zoom in/out

My TouchPad is all the sudden no longer allowing for zoom in/out. How do I restore that function.
Moderator Note: Edited subject to match content.

My T520 has recently developed a similar problem.
With no obvious warning it now seems unable to recognise the trackpad/point. I've tried various combinations of uninstalling/installing drivers etc with no success.
When clicking on the mouse tab in Control Panel an error message says: Unable to connect to the Synaptics Pointing Device. It then suggests removing the synaptics driver and then reinstalling other mouse drivers. This doesn't make sense as I don't have any other mouse drivers installed (bar the in-built Win7 ones which can't be removed anyway). Then rebooting the system results in no pointing devices being available at all. The trackpad gets recognised as a PS2-compliant device and prompts installation of drivers (from synaptic) which just gets back to square one.
Also, the control panel mouse tab won't show the ultranav utility even though that is installed properly.
So, I'm having to use an external mouse as the system doesn't seem to be able to properly use the trackpad/point. I'll keep troubleshooting but suspect this may be a software/driver issue as it was working perfectly up until recently and the hardware can still "see" the device. Both are enabled in BIOS.
Any other people experienced similar problems?
T520 (4242-CTO) Win7 64Pro

ScrollPane zoom in/out

Hello, this is my first post.
I'd like to add zoom in/out function to my ScrollPane, and make shortcut (CTRL+MOUSE SCROLL UP/DOWN) for it. ( like Inkscape )
I made the following code ( Canvas ) to achieve this, but have some problems.
*1. How can I prevent ScrollBar's thumb to move when pressing CTRL?*
When ScrollBar is visible and ScrollBar's thumb (or scroller, knob) has room to move, CTRL+MOUSE SCROLL UP/DOWN doesn't work because the thumb moves instead of zooming in/out.
When the thumb moves up/down to bar's end, then zoom in/out finally works fine.
*2. ScrollEvent handler is sometimes not called in ScrollPane*
When ScrollBarPolicy is not ScrollBarPolicy.ALWAYS and Scrollbar is not visible, SOMETIMES CTRL+SCROLL UP/DOWN operation dosen't work.
(ScrollEvent handler is not called. For other panes, ScrollEvent works fine. Please check MouseScrollEventTest below)
Thank you in advance.
Canvas
public class Canvas extends Application {
     DoubleProperty zoom = new SimpleDoubleProperty(1.0);
     final double MAX_ZOOM = 3.0;
     final double MIN_ZOOM = 0.1;
     @Override
     public void start(Stage stage) throws Exception {
          Rectangle rectangle = RectangleBuilder.create()
               .width(1000).height(1000)
               .fill( LinearGradientBuilder.create()
                    .stops(new Stop(0, Color.BLUE), new Stop(1, Color.RED))
                    .build()
               ).build();
          ScrollPane scrollPane = ScrollPaneBuilder.create()
               .content(
                    GroupBuilder.create()
                         .children(rectangle)
                         .build())
//               .hbarPolicy(ScrollBarPolicy.ALWAYS)
//               .vbarPolicy(ScrollBarPolicy.ALWAYS)
               .build();
          rectangle.scaleXProperty().bind(zoom);
          rectangle.scaleYProperty().bind(zoom);
          scrollPane.setOnScroll(new EventHandler<ScrollEvent>(){
               public void handle(ScrollEvent event) {
                    if( !event.isControlDown() ) return ;
                    double zoomValue;
                    if ( event.getDeltaY() > 0 ) {
                         zoomValue = zoom.get() + 0.1;
                    } else {
                         zoomValue = zoom.get() - 0.1;
                    if( zoomValue > MAX_ZOOM || zoomValue < MIN_ZOOM ) return ;
                    zoom.set(zoomValue);
          Scene scene = SceneBuilder.create()
                    .width(500).height(500)
                    .root(scrollPane)
                    .build();
          stage.setScene(scene);
          stage.show();
     public static void main(String[] args) {
          launch(args);
Mouse Scroll Event Test
public class MouseScrollEventTest extends Application {
     BorderPane bPane;
     ScrollPane sPane;
     public void start(Stage stage) throws Exception {
          EventHandler<ScrollEvent> handler = new EventHandler<ScrollEvent>() {
               public void handle(ScrollEvent event) {
                    System.out.println(event);
          bPane = new BorderPane();
          bPane.setPrefSize(100, 100);
          sPane = new ScrollPane();
          sPane.setPrefSize(100, 100);
//          sPane.setContent( new Rectangle(50,50) );
//             This works fine.
          bPane.setOnScroll(handler);
//             Sometimes, this is not called.
          sPane.setOnScroll(handler);
          HBox root = new HBox();
          root.getChildren().addAll(bPane, sPane);
          Scene scene = new Scene(root);
//          scene.setOnScroll(handler);
          stage.setScene(scene);
          stage.show();
     public static void main(String[] args) {
          launch(args);
}--- My Environment
Windows Vista
JavaFX 2.0 SDK
Edited by: 932474 on 2012/05/07 4:31
Edited by: 932474 on 2012/05/07 4:47

Thank you for the good example.
But actually, I just give up using ScrollPane and created a ZoomCanvas which can zoom in/out and pan.
The code is here.
Any comments or improvement would be appreciated.
ZoomCanvas
public class ZoomCanvas extends StackPane {
     private ZoomController zoomController;
     private Group contentWrapper;
     private double translateXWhenMousePressed, translateYWhenMousePressed;
     private double xWhenMousePressed , yWhenMousePressed;
     private static class ZoomController {
          private int deltaCount = 0;
          private final double DEFAULT_ZOOM = 1.0;
          private boolean useAnimation = true;
          private DoubleProperty zoomMax   = new SimpleDoubleProperty(10.0);
          private DoubleProperty zoomMin   = new SimpleDoubleProperty(0.1);
          private DoubleProperty zoomDelta = new SimpleDoubleProperty(1.2);
          private DoubleProperty zoom      = new SimpleDoubleProperty( DEFAULT_ZOOM );
          public ZoomController() {
          public void zoomIn() {
               double zoomValue = DEFAULT_ZOOM * Math.pow(zoomDelta.get(), deltaCount+1);
               if( zoomValue > zoomMax.get() ) {
                    setZoom(zoomMax.get());
                    return;
               deltaCount++;
               setZoom( zoomValue );
          public void zoomOut() {
               double zoomValue = DEFAULT_ZOOM * Math.pow(zoomDelta.get(), deltaCount-1);
               if( zoomValue < zoomMin.get() ) {
                    setZoom(zoomMin.get());
                    return;
               deltaCount--;
               setZoom( zoomValue );
          public void setZoom( double zoomValue ) {
               if( useAnimation ) {
                    Timeline zoomTimeline = new Timeline();
                    zoomTimeline.getKeyFrames().add(
                         new KeyFrame(Duration.millis(300), new KeyValue(zoom, zoomValue))
                    zoomTimeline.play();
               } else {
                    zoom.set(zoomValue);
     public ZoomCanvas(Node content) {
          super();
          Rectangle clip = new Rectangle();
          clip.widthProperty().bind(widthProperty());
          clip.heightProperty().bind(heightProperty());
          // to adjust layoutBounds when drawingPane's scale changes
          contentWrapper = new Group(content);
          StackPane.setAlignment(contentWrapper, Pos.CENTER);
          getChildren().add(contentWrapper);
          zoomController = new ZoomController();
          content.scaleXProperty().bind(zoomController.zoom);
          content.scaleYProperty().bind(zoomController.zoom);
          content.translateXProperty();
          hookEvents();
          setClip(clip);
     private void hookEvents() {
          setOnScroll(new EventHandler<ScrollEvent>() {
               public void handle(ScrollEvent event) {
                    if( event.getDeltaY() > 0 ) {
                         zoomController.zoomIn();
                    } else {
                         zoomController.zoomOut();
          setOnMousePressed(new EventHandler<MouseEvent>(){
               public void handle(MouseEvent event) {
                    if( !event.isMiddleButtonDown() ) return ;
                    translateXWhenMousePressed = contentWrapper.getTranslateX();
                    translateYWhenMousePressed = contentWrapper.getTranslateY();
                    xWhenMousePressed = event.getX();
                    yWhenMousePressed = event.getY();
                    setCursor(Cursor.MOVE);
                    event.consume();
          setOnMouseReleased(new EventHandler<MouseEvent>(){
               public void handle(MouseEvent event) {
                    setCursor(Cursor.DEFAULT);
          setOnMouseDragged(new EventHandler<MouseEvent>(){
               public void handle(MouseEvent event) {
                    if(!event.isMiddleButtonDown())
                         return;
                    contentWrapper.setTranslateX( translateXWhenMousePressed + event.getX() - xWhenMousePressed );
                    contentWrapper.setTranslateY( translateYWhenMousePressed + event.getY() - yWhenMousePressed );
                    event.consume();
ZoomCanvasTest
public class ZoomCanvasTest extends Application {
     public void start(Stage primaryStage) throws Exception {
          Rectangle rect = new Rectangle(0,0,100,100);
          rect.setStyle("-fx-fill: blue;");
          Circle circle = new Circle(100,100,50);
          circle.setStyle("-fx-fill: red;");
          Pane canvasContent = new Pane();
          canvasContent.setStyle(
                    "-fx-background-color: papayawhip;" +
                    "-fx-border-color: black;");
          canvasContent.getChildren().add(circle);
          canvasContent.getChildren().add(rect);
          ZoomCanvas canvas = new ZoomCanvas(canvasContent);
          canvas.setStyle(
               "-fx-background-color: mistyrose;" +
               "-fx-border-color: black;"
          ToolBar toolBar = new ToolBar();
          toolBar.setOrientation(Orientation.VERTICAL);
          toolBar.getItems().add( new Button("sample") );
          BorderPane root = new BorderPane();
          root.setCenter(canvas);
          root.setRight(toolBar);
//          root.getChildren().addAll(canvas, toolBar);
          Scene scene = new Scene(root);
          primaryStage.setScene(scene);
          primaryStage.show();
     public static void main(String[] args) {
          launch(args);
}Edited by: 932474 on 2012/05/08 10:17
Edited by: 932474 on 2012/05/08 10:40
Edited by: 932474 on 2012/05/08 10:56

Browsers auto zoom in/out

Hello,
Recently my browsers (safari,chrome) behave oddly, it auto zoom in/out, sometimes really fast like it shaking or something, so far it only happens when i'm using Wacom tablet, I don't know exactly when this started, I guess when I upgraded to 10.6.6, i've asked Wacom Support they suggested to re-install driver, but still problem persist. Maybe anyone here knows what's going on?

Must be a setting on the tablet. You need to speak to Wacom.

After zoom in/out to open callout is wrong position

Dear All
After zoom in/out screen , i open callout.
I'm having problems with its position
code:
    <fx:Declarations>
          <s:Callout   id="bCallout"
                  mouseDownOutside="bCallout.close()"
                  mouseUp="bCallout.close()"
                  backgroundColor="0x999999"
                  contentBackgroundAlpha="0"/>
   </fx:Declarations>
<fx:Script>
     private function zoom_action(act:String):void {
               var z:Number;
                if(act=='+'){
                      z=0.25;
                }else{
                       z=-0.25;
                var my_matrix:Matrix = new Matrix();
                my_matrix.scale(gr1.scaleX+z, gr1.scaleX+z);
                gr1.transform.matrix=my_matrix;
   </fx:Script>
<s:Group id="gr1">
          <s:Button id="btn1" x="24" y="50" label="btnA" click="bCallout.open(btn1)"/>
          <s:Button id="btn2" x="100" y="100" label="btnB" click="bCallout.open(btn2)"/>
           <s:Button id="btn3" x="170" y="150" label="btnC" click="bCallout.open(btn3)"/>
</s:Group>
<s:Button id="zoomin" y="10" right="108" width="44" height="42" label="+" alpha="0.5"
                                click="zoom_action('+')"/>
<s:Button id="zoomout" y="10" right="59" width="44" height="42" label="-" alpha="0.5"
                                click="zoom_action('-')"/>
Any ideas what I'm doing wrong?

You need a Mac user to come along and give you better advice, but meanwhile, Goggle
photoshop cc lag yosemite
You are _not_ alone.

Zoom in/out map

Similar Messages

Maybe you are looking for