Giter VIP home page Giter VIP logo

Comments (4)

bradcornford avatar bradcornford commented on August 17, 2024

Hi, the setting "'center' => false" should move the map to the centre of all markers. The map itself should already update its boundaries based on the attached markers.

Mapper::map(52.381128999999990000, -1.370085000000040000, ['zoom' => 15, 'center' => false, 'makrer' => false']);
Mapper::marker(53.381128999999990000, -1.470085000000040000);
Mapper::marker(53.481128999999990000, -1.570085000000040000);

If this doesn't work for you, you could attach "'eventAfterLoad' => '...'" to create your own after load event to resize.

Mapper::map(52.381128999999990000, -1.370085000000040000, ['zoom' => 15, 'center' => false, 'makrer' => false', 'eventAfterLoad' => 'console.log(maps[0].map);']);
Mapper::marker(53.381128999999990000, -1.470085000000040000);
Mapper::marker(53.481128999999990000, -1.570085000000040000);

from googlmapper.

spinapse avatar spinapse commented on August 17, 2024

Thanks for the tip. It wasn't working for me, so I added some alerts to slow down the process, and I could see the map correctly, then something after the done call was resetting the bounds incorrectly.

I couldn't track down what was resetting the bounds, so I added a workaround using a variation on your "eventAfterLoad" call. It's shown below, in case it helps anyone else.

The "event" part of the new Map call in the controller:

'eventAfterLoad' => 'delayThenResizeMap(maps[0].map);'

In javascript in the view:

` var mapInstance;
var mapBounds;
var mapZoom;

function delayThenResizeMap(pMapInstance)
{
    mapInstance = pMapInstance;
    mapBounds = mapInstance.getBounds();
    mapZoom = mapInstance.getZoom();
    setTimeout(resizeMap, 100);
}

function resizeMap()
{
    mapInstance.fitBounds(mapBounds);
    mapInstance.setZoom(mapZoom);
}

`

from googlmapper.

bradcornford avatar bradcornford commented on August 17, 2024

Thanks for this. I'll take a look at why it isn't resizing automatically.

from googlmapper.

bradcornford avatar bradcornford commented on August 17, 2024

Okay, i've spotted the issue, and now have pushed a fix to version 2.10.1 / 1.5.1.

from googlmapper.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.